問題產生在學習cabvas給畫布畫圖像的時候發現使用IE edge瀏覽器可以正常顯示圖像，而chrome則不行，經百度後知道是因為chrome瀏覽器會先載入javascript代碼，之後才載入圖片，這樣就造成了我是用drawImage的時候那個圖片並沒有載入出來。解決辦法把畫圖片到canvas的代碼 ...
問題產生
在學習cabvas給畫布畫圖像的時候發現使用IE edge瀏覽器可以正常顯示圖像，而chrome則不行，經百度後知道是因為chrome瀏覽器會先載入javascript代碼，之後才載入圖片，這樣就造成了我是用drawImage的時候那個圖片並沒有載入出來。
解決辦法
把畫圖片到canvas的代碼放在在image對象上onload事件中
image.onload = function(){ context.drawImage(image, 0, 0); };//確保當image載入瀏覽器中之後才使用drawImage
