javascript - 画布中的图像就绪状态

Question

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

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

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

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

score 2 · Accepted Answer

您可以尝试通过使用new Image()并设置.onload事件以在图像加载后在画布上绘制图像来加载图像。

var img = new Image();
img.onload = function() {
    // code to draw image on the canvas...
}
img.src = "/path/to/img.jpg";

1 回答 1