Canvas 中drawImage 绘制不出图片

在使用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);
};

 

posted on 2018-03-15 16:47  会数数的小数点  阅读(279)  评论(0编辑  收藏  举报