无法在Firefox </canvas>的<canvas>中显示下载的图像

Question

我正在使用<canvas>元素编写Web应用程序。为简单起见，我已将其删除至显示问题所需的基本要素：http://demo.kuehldesign.net/imagetest/

在Safari和Chrome（Mac）上，即使以前没有下载过，也会在画布上绘制的test.png图像始终显示。

出于某种原因，当Firefox先前没有下载文件（并且可能将其存储在缓存中）时，不会显示该文件（即使调用了Image.onload）。

要复制：

• 在最新的Firefox中打开上面的链接（我在Mac上，猜测它也发生在其他操作系统上）
• 刷新页面。它应该有那段时间。
• 在刷新页面时保持移位以不使用缓存。您应该看到下载图像时调用的状态，但看不到图像。

相同的步骤显示Chrome和Safari中的图像正常。

任何想法为什么Firefox即使在加载后也没有显示图像？理想情况下，我希望继续将Image对象作为参数传递给test函数。

感谢。

Answer 1

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

Answer 2

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