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

Question

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

例如,500个单独的画布是否可用于普通计算机上的现代浏览器？

Answer 1

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

无论如何,那些帆布有多大？

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

快速测试完成:

我创建了500个512x512画布,Windows内存使用量约为40MB.不是,真的.

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

-编辑-

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

每个画布消耗大约0.5GB,大约1MB,并且考虑到512x512x4(每像素4个字节)是 1MB,可以很容易地确定内存使用情况.