Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 画布中的图像readystate_Javascript_Canvas_Loading_Drawimage_Loaded - Fatal编程技术网

Javascript 画布中的图像readystate

Javascript 画布中的图像readystate,javascript,canvas,loading,drawimage,loaded,Javascript,Canvas,Loading,Drawimage,Loaded,是否可以在画布中使用imagename.readyState 如果没有人知道如何检测使用“drawImage”绘制到画布上的图像何时已加载并准备好显示 我正在使用画布创建图像展示-当选择图像时,我希望在满足加载条件之前显示加载动画(我已经创建) 我仍在学习使用javascript,整天都在尝试,但毫无效果——因此,对于缺乏示例代码来显示和说明我的问题,我深表歉意 您可以尝试使用new image()加载图像,并设置.onload事件,以便在加载图像后在画布上绘制图像 var img = new

是否可以在画布中使用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";

另请参见:

是否有其他检测方法?我尝试过使用它,但对于我尝试做的事情,我没有任何乐趣-我需要能够检测图像何时加载(或卸载)。