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

Question

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

例如，在普通计算机上，现代浏览器可以使用500个单独的画布吗？

Answer 1

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

无论如何，这些画布有多大？

在同一页面上有500个不同的图像会降低PC的速度，如果这些图像通过CSS缩小（因此你有额外的CPU使用率），那么速度太慢（我已经测试过了）。

快速完成测试：

我创建了500张512x512画布，Windows内存使用量约为40MB。不是，真的。

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

<强> -edit -

500幅画布，512x512，每幅画三角形：http://jsfiddle.net/3U4hG/1/

消耗大约0.5GB，每个画布约1MB，考虑到512x512x4（每像素4个字节） 1MB，可以很容易地确定内存使用情况。