1. 程式人生 > >Canvas 中drawImage 繪制不出圖片

Canvas 中drawImage 繪制不出圖片

image tel () UNC 繪制圖片 ges col doc draw

在使用Canvas的drawImage繪制圖片時,卻發現繪制不出圖片,原因是圖片是異步加載,圖片加載完再繪制。

//html
<img src="1.png" />
<canvas id="draw"></canvas>

//js
var Image = document.images[0];

var draw = document.getElementById(‘draw‘);
var context = draw.getContext(‘2d);

Image.onload=function(){
    context.drawImage(Image,10,10);
};

Canvas 中drawImage 繪制不出圖片