报错信息
Uncaught DOMException: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The HTMLImageElement provided is in the 'broken' state.
解决方法
确保执行drawImage时图片已加载完成
- setTimeout
var img=new Image();
img.src="folder_add.png"
setTimeout(() => {
ctx.drawImage(img, 0, 0)
}, 100)
- onload
var img=new Image();
img.src="folder_add.png"
img.onload = function() {
ctx.drawImage(img,0,0)
}