关于Chrome和Opera中draw Image（）方法无法在canvas画布中绘制图片的问题 

1 var c=document.getElementById("myCanvas");
2 var ctx=c.getContext("2d");
3 var img=document.getElementById("tulip");
4 ctx.drawImage(img,10,10,200,200);

学习canvas时，发现当在Chrome和Opera中运行上面代码是，画布中并不能显示出相应的图片，后来通过查询才明白，图片加载是异步加载，当调用draw Image（）时，图片信息还没加载完，所以无法显示，很简单的解决方法就是把

ctx.drawImage(img,10,10,200,200);
这段代码放进window.onload中；
posted @ 2017-05-23 21:12  法克大叔叔  阅读(380)  评论(0)  编辑  收藏  举报