html - image.src 不可用时处理 canvas.drawImage 错误

Question

当图像的 src url 不可用时，在画布上下文上处理调用 drawImage 的有效和正确方法是什么。例如：

myImage.src = "ImageDoesNotExist";
canvasCtx.drawImage(myImage,0,0); // 0x80004005 - JavaScript runtime error: Unspecified error.

谢谢！

Answer 1

除了这些场合image.onload还有一个image.onerror

var img = new Image();
img.onload = function(){ 
    context.drawImage(img,0,0);
}; 
img.onerror = function(){ 
    alert("Oops, bad stuff happened while loading this image.");
};
img.src = "ImageDoesNotExist";