javascript - Canvas 中的图像就绪状态

Question

是否可以在canvas中使用imagename.readyState？

如果没有，是否有人知道一种方法来检测使用“drawImage”绘制到 Canvas 的图像何时已加载并准备好显示？

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

我仍在学习使用 javascript，并且一整天都在尝试但无济于事 - 因此，对于缺乏示例代码来显示和说明我所要求的内容表示歉意!

Answer 1

您可以尝试使用 new Image() 加载图像，并设置 .onload 事件，以便在加载图像后在 Canvas 上绘制图像。

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