图像readystate在画布上

时间:2011-02-20 23:12:29

标签: javascript canvas loading drawimage loaded

是否可以在画布中使用imagename.readyState?

如果没有,是否有人知道检测使用“drawImage”绘制到画布的图像何时加载并准备显示?

我正在使用画布创建一个图像展示 - 当选择一个图像时,我希望显示一个加载动画(我已创建),直到满足加载条件。

我仍在学习使用javascript并且一整天都在尝试无济于事 - 所以对于缺少显示示例代码并说明我要问的内容感到抱歉!

1 个答案:

答案 0 :(得分:2)

您可以尝试使用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