chrome瀏覽器canvas畫圖不顯示

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