Canvas 中drawImage 绘制不出图片

Posted 2020-10-27 会数数的小数点

在使用Canvas的drawImage绘制图片时，却发现绘制不出图片，原因是图片是异步加载，图片加载完再绘制。

//html
<img src="1.png" />
<canvas id="draw"></canvas>

//js
var Image = document.images[0];

var draw = document.getElementById(‘draw‘);
var context = draw.getContext(‘2d);

Image.onload=function(){
    context.drawImage(Image,10,10);
};