[Front-End] Canvas的Image未載入

前言

同樣在畫布上繪圖的程式碼，在不同瀏覽器卻有的可以執行有的卻不行。

原因

動態載入圖案的話往往是非同步的，所以可能造成尚未載好圖片就繪製上去的錯誤，如此一來當然沒有東西。

改善

加入onload確保圖案載入完畢。

var img = new Image();
img.src = "1.png" ;
img.onload = function (){
	ctx.drawImage(img,100,100,100,100) ;
}