"html中動態創建的canvas元素VS靜態canvas標簽（在模擬多層的情況下）"

Question

在這里，我實際上是在談論性能問題。<\/strong>

我已經對在 html 畫布項目中創建圖層進行了一些研究，我在大多數 tuts 中發現，他們只是告訴我寫很多靜態 html 畫布標簽，然后從每個標簽中獲取上下文（然后使用 css \/ 絕對位置\/z-index 來模擬​​層的順序）。

但我想知道這種方式是否更好：

1. 在 html 中只寫一個畫布標簽（我們稱之為background canvas<\/code> ）。<\/li>
2. 使用createElement<\/code> api 為每個圖層創建其他畫布元素，但不將它們附加到 DOM 中。<\/li>
3. 從這些“虛擬”畫布（動態創建）中獲取上下文<\/li>
4. 使用 canvas api 在這些“虛擬”畫布上繪制東西。<\/li>
5. 使用requestAnimationFrame<\/code>和drawImage<\/code>將每個“虛擬”畫布繪制到background canvas<\/code>上<\/li><\/ol>

   實際上，我認為動態創建的畫布對我來說更容易接受\/更靈活，但是我在畫布性能優化方面沒有很多經驗（這就是我在這里的原因）。

   我想我需要一些關於如何測試這兩種情況的性能的指南，或者如果有人在這里有任何建議，我們將不勝感激。