Html5 <canvas> </canvas>的问题

Question

我的html5元素有问题。我实现了一个画布，当我进入网站时不运行，但是当我刷新页面时，运行正常。也只能在Firefox上运行。为什么我必须刷新，为什么不在其他浏览器中？

该网站是：http://www.dendrosite.com

谢谢！

Answer 1

这是因为您正在绘制图像，而不一定等待它们加载。

刷新时，图像已加载，因此问题就消失了。

来自Mozilla tutorial:

  

执行此脚本时，   图像开始加载。试着打电话   图像之前的drawImage   完成加载将投入壁虎   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