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