2011-06-04 86 views
1

我正在使用<canvas>元素编写web应用程序。为简单起见,我已将其简化为显示问题所需的基本要素:http://demo.kuehldesign.net/imagetest/无法在Firefox中显示<canvas>中的下载图像

在Safari和Chrome(Mac)上,画布上绘制的test.png图像始终显示,即使它以前没有下载。

由于某些原因,当Firefox以前没有下载该文件(并且可能将其存储在缓存中)时,该文件不会显示(即使调用Image.onload)。

要复制:

  • 打开上面的链接在最新的Firefox(我在Mac上,猜测它发生在其他操作系统也一样)
  • 刷新页面。它应该在那个时候工作。
  • 保持移位,同时刷新页面以不使用缓存。您应该看到图像下载时调用的状态,但看不到图像。

同样的步骤显示在Chrome和Safari中的图像很好。

任何想法为什么Firefox在加载后仍未显示图像?理想情况下,我想继续将Image对象作为参数传递给test函数。

谢谢。

回答

0

设置image.src = image.src后添加onload事件处理程序修复了问题。

0

我可以看到在Firefox中的图像,它似乎对我来说工作得很好。