您可以在一個頁面上擁有多少個畫布元素，是否存在實際限制？

您可以在一個頁面上使用的元素的數量是否存在HTML5 canvas的實際限制？您可以在一個頁面上擁有多少個畫布元素，是否存在實際限制？

例如，500臺個人畫布是否適用於普通計算機上的現代瀏覽器？

2011-09-03 UpTheCreek

@PeeHaa：是的，對不起.. – genesis

我在3k畫布之前遇到了chrome崩潰的問題。空的畫布不是問題，這些是從視頻元素複製的。這些畫布不在DOM中，我正在使用它們緩衝網絡攝像頭視頻進行播放。 –

每個畫布至少消耗內存不少於相同大小的圖像。

無論如何，這些畫布有多大？

在同一頁面上有500張不同的圖片可能會降低PC的速度，如果這些圖片通過CSS縮小（所以你有額外的CPU使用率），緩慢是壓倒性的（我已經測試過）。

快速測試完成：

香港專業教育學院創建500個512 * 512的畫布，以及Windows內存使用率約爲40MB。並非如此，真的。

現在我應該通過JS繪製每一個，也許使用它們分配更多的內存。

CNC中

500米的畫布，512×512，在每一個被繪製的三角形：http://jsfiddle.net/3U4hG/1/

消耗大約0.5GB，約1MB每個帆布，並且考慮到512x512x4（4個字節每像素）是 1MB，可以輕鬆確定內存使用情況。

2011-09-04 08:42:24 Omiod

太好了，謝謝。 – UpTheCreek

我覺得這一點沒有理解，或者至少只是暗示「真實」的答案。很明顯，500張圖片需要很多空間/性能。重要的部分是：它如何與500個獨特的圖像進行比較？或者，作爲靜態文件的服務器端生成的圖像與在畫布上寫入的客戶端生成的圖像相比，是否有區別？ – Odalrick

回答