Canvas vs DOM - HTML5中最有效的圖像顯示方法是什麼？

StackOverflow的用戶Canvas vs DOM - HTML5中最有效的圖像顯示方法是什麼？

同時使HTML5應用程序/網頁，對於這樣的情況下作爲圖像庫，其中依次或在瀏覽器中同時顯示大量圖像的，是合理的使用帆布元件的？

只要我們只是在談論呈現圖像，是否有任何一點使用畫布和繪製圖像，而不是使用DOM元素< img>標籤？也會有一些圖像處理，如CSS3轉換/移動/縮放/縮放和手勢識別（拖動，觸摸/點按，也許捏等），據我所知，它適用於畫布和img標籤。

儘可能保留「html5」儘可能多的東西並考慮性能也很重要。例如，如果將來canvas元素將會越來越多地被瀏覽器使用和優化，那麼這很重要，並且如果目前img>更快，它也會很重要。

由於我們正在考慮開發一個通用html5應用程序，在臺式機和移動設備上工作，性能和速度是非常重要的因素。然而，比較canvas和<的測試主要針對的是javascript瀏覽器遊戲。在這種情況下，動畫並不像內存消耗和整體性能那麼重要。

有沒有關於這方面的資源/研究？

2012-06-08 BBog

UseCanvas = NeedCanvas ? true : false

你真的不需要帆布此操作，它會需要更長的時間用帆布發展，因爲它是一個複雜得多。

使用<img>標記與JavaScript不僅會增加兼容性，但速度和可訪問性 - 絕對一切都與瀏覽器可以運行CSS和Javascript。此外還有SEO因素，我很確定畫布中的圖像不會被索引。

爲了使用HTML5技術，請勿使用HTML5技術。當你想開始翹曲圖像並讓用戶在圖像上繪畫時，你可以導出/保存，這就是你需要畫布的地方。

來源

2012-06-08 15:08:26 Dunhamzzz

SEO在這裏並不是一個真正的因素，只有表現。我同意你所說的關於不使用HTML5僅僅是爲了使用它。事情是我也必須考慮到未來可能會有所幫助，我們都知道html5是未來。當然，沒有人知道未來會怎樣，但我注意到使用畫布的類似應用程序，這讓我想知道爲什麼，以及是否有明顯使用 – BBog

@BogdanBucur的任何優勢 - 「img」與canvas的HTML5一樣多'是！它是HTML4的一部分，HTML5構建於此之上。它與其他任何事物一樣是「未來」的一部分。 –

@BogdanBucur''是HTML的基礎部分，它不會去任何地方**有史以來**。你所描述的是一個非常簡單的圖像庫，畫布是真正用於遊戲的，除非你用循環，物理，狀態等構建複雜的遊戲，否則根本不需要使用它。我建議你看看一些jQuery示例，看看它的強大功能，你會意識到你不需要它提供的效果。 – Dunhamzzz

Canvas vs DOM - HTML5中最有效的圖像顯示方法是什麼？

回答

相關問題