帆布與img - 性能

我試圖找到一些相關的來源關於這一點，什麼都沒發現。帆布與img - 性能

所以，我的問題很簡單。畫布比img快嗎？我將使用img（png，gif）或canvas中的對象。

我對內存使用情況，瀏覽器性能和加載速度感興趣。

編輯＃1：畫布由js繪製，它與img標記中的圖像相同。

2013-03-21 mihairu_cz

您的意思是*在'

是的，我的意思是......我會編輯問題，謝謝 – 2013-03-21 07:03:21

在幾乎所有情況下，這是一個非問題。當你需要畫布和img時，你應該使用畫布，當你需要img時。根據您的需要選擇，並只在必要時優化*。 – JJJ 2013-03-21 07:05:03

不，img比使用canvas更快，更容易創建並且更易於訪問。 img標籤旨在顯示圖像，因此如果您只需要這麼做，請使用img標籤。多次使用應該無關緊要，因爲圖像只能下載一次。

如果你需要一些動畫或交互性，那是考慮canvas的時候。

2013-03-21 07:13:13

'img'更快嗎？你能解釋一下爲什麼請問？ – Robula 2017-12-12 17:02:32

@Robula'img'是爲繪製圖像而構建的，所有內容都以本機代碼處理。對於'canvas'，你需要創建DOM元素，以某種方式抓取圖像（可能通過'img'元素），然後繪製它。它們被設計成用於繪製各種東西的普通畫布，「img」很簡單，因此對繪製圖像更好。 – 2017-12-12 17:56:40

感謝您的澄清。我在印象之下使用WebGL時，畫布可能更具性能。 – Robula 2017-12-13 11:34:41

回答