問題Html5 <canvas>

Question

我有一個html5元素的問題。我實現了一個畫布，當我進入網站不運行，但當我刷新頁面，運行正常。也只能用Firefox運行。爲什麼我必須刷新，爲什麼不在其他瀏覽器中？

該網站是：http://www.dendrosite.com

謝謝！

Answer 1

這是因爲你正在繪製圖像，並不一定等待它們加載。

刷新時，圖像已經加載，所以問題消失。

從Mozilla tutorial:

當腳本執行時， 圖像開始加載。試圖打電話 drawImage之前的圖像有 完成加載將扔在gecko 1.9.2和更早的版本，並在Gecko 2.0和更高版本中默默無聞。所以 您必須使用onload事件處理程序：

var img = new Image(); // Create new img element 
img.onload = function(){ 
    // execute drawImage statements here 
}; 
img.src = 'myImage.png'; // Set source path