2011-06-04 27 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中的圖像,它似乎對我來說工作得很好。