是否可以在画布中使用 imagename.readyState ?
如果没有,是否有人知道一种方法来检测使用“drawImage”绘制到画布上的图像何时已加载并准备好显示?
我正在使用画布创建图像展示 - 选择图像时,我希望显示加载动画(我已经创建),直到满足加载条件。
我仍在学习使用 javascript,并且整天都在尝试无济于事 - 因此,对于缺少示例代码来显示和说明我的要求,我深表歉意!
是否可以在画布中使用 imagename.readyState ?
如果没有,是否有人知道一种方法来检测使用“drawImage”绘制到画布上的图像何时已加载并准备好显示?
我正在使用画布创建图像展示 - 选择图像时,我希望显示加载动画(我已经创建),直到满足加载条件。
我仍在学习使用 javascript,并且整天都在尝试无济于事 - 因此,对于缺少示例代码来显示和说明我的要求,我深表歉意!
您可以尝试通过使用new Image()
并设置.onload
事件以在图像加载后在画布上绘制图像来加载图像。
var img = new Image();
img.onload = function() {
// code to draw image on the canvas...
}
img.src = "/path/to/img.jpg";
另见:https ://developer.mozilla.org/samples/canvas-tutorial/3_1_canvas_drawimage.html