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中;