关于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中；

转载于:https://www.cnblogs.com/cjw-ryh/p/6896134.html