Question

我在实现向Canvas画布里装图片的时候，没有成功，我的代码如下：

<script type="text/javascript">
var y=document.getElementById("mycanvas4");
var z=y.getContext("2d");
var img=new Image()
img.src="img/duola-a-meng_71.png"
z.drawImage(img,0,0);
</script>
<canvas id="mycanvas4" width="500" height="300" style="border:1px solid darkseagreen ;"></canvas>
求大神告知原因啊！

Answer 1

注意使用canvas drawImage的时候需要图片加载完成  意思是 要在onload里使用 drawImage才行 .直接写肯定不对

img.onload = function() {
z.drawImage(img,0,0);
}