Can';t在<;中显示下载的图像;帆布>;在Firefox中

Can';t在<;中显示下载的图像;帆布>;在Firefox中,firefox,html,canvas,firefox4,Firefox,Html,Canvas,Firefox4,我正在使用元素编写一个web应用程序。为了简单起见,我将其简化为显示问题所需的基本要素: 在Safari和Chrome(Mac)上,绘制在画布上的test.png图像始终显示,即使之前没有下载 由于某些原因,当Firefox以前没有下载该文件(并可能将其存储在缓存中)时,不会显示该文件(即使调用了Image.onload) 复制: 在最新的Firefox中打开上面的链接(我在Mac上,猜想这也发生在其他操作系统上) 刷新页面。那时候应该有用的 刷新页面时按住shift键不使用缓存。您应该看到在

我正在使用
元素编写一个web应用程序。为了简单起见,我将其简化为显示问题所需的基本要素:

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

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

复制:

  • 在最新的Firefox中打开上面的链接(我在Mac上,猜想这也发生在其他操作系统上)
  • 刷新页面。那时候应该有用的
  • 刷新页面时按住shift键不使用缓存。您应该看到在下载映像时调用的状态,但看不到映像
同样的步骤在Chrome和Safari中显示图像

你知道为什么Firefox即使在加载后也不显示图像吗?理想情况下,我希望继续将
图像
对象作为参数传递给
测试
函数


谢谢。

我可以在Firefox中看到图像,它似乎对我很好。

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