html - 一页上可以包含的 Canvas 元素数量是否有实际限制？

Question

您在一个页面上可以拥有的 HTML5 canvas 元素的数量是否有实际限制？

例如，对于普通计算机上的现代浏览器来说，500 个单独的 Canvas 是否可行？

Answer 1

每个 Canvas 至少消耗内存，不低于相同大小的图像。

这些 Canvas 有多大？

在同一个页面上有 500 张不同的图像可能会降低 PC 的速度，如果通过 CSS 缩小这些图像(因此您有额外的 CPU 使用率)，速度会非常慢(我已经测试过了)。

快速测试完成:

我创建了 500 个 512x512 Canvas ，Windows 内存使用量约为 40MB。没那么多，真的。

现在我应该通过 JS 绘制每一个，也许使用它们会分配更多的内存。

-编辑-

500 幅 Canvas ，512x512，每幅都画了一个三角形:http://jsfiddle.net/3U4hG/1/

消耗大约 0.5GB，每个 Canvas 大约 1MB，考虑到 512x512x4(每个像素 4 个字节)是 1MB，内存使用量可以很容易地确定。