Проблема с HTML5 <canvas>

Question

У меня проблема с элементом html5. Я реализовал холст, и когда я захожу на сайт, он не запускается, но когда я обновляю страницу, он работает правильно. Также работает только с Firefox. Почему я должен обновляться, а почему нет в других браузерах?

Сайт: http://www.dendrosite.com

Спасибо!

Answer 1

Это потому, что вы рисуете изображения и не обязательно ждете их загрузки.

При обновлении изображение уже загружено, поэтому проблема исчезает.

Из Учебное пособие по Mozilla:

Когда этот скрипт выполняется, изображение начинает загружаться.Попытка вызвать 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