Html5的问题

Question

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

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

谢谢！

Answer 1

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

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

来自 Mozilla 教程：

当这个脚本被执行时，
图像开始加载。尝试打电话
在图像之前绘制图像
加载完成后会抛出 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