<画布>元素的最大大小

Question

<画布>元素的最大大小我正在使用一个画布元素，其高度为600到1000像素和宽度为几十或几十万像素。但是，经过一定数量的像素(显然是未知的)，画布不再显示我用JS绘制的形状。有人知道是否有限度吗？在Chrome 12和Firefox 4中都进行了测试。

Answer 1

所有测试过的浏览器都限制了画布元素的高度/宽度，但许多浏览器也限制了画布元素的总面积。对于我能够测试的浏览器，限制如下：

铬：

最大高度/宽度：32，767像素
最大面积：268 435 456像素(例如16 384 x 16 384)

Firefox：

最大高度/宽度：32，767像素
最大面积：472 907 776像素(例如22 528 x 20 992)

IE：

最大高度/宽度：8192像素
最大面积：N/A

IE移动电话：

最大高度/宽度：4 096像素
最大面积：N/A

其他：

我现在无法测试其他浏览器。有关附加限制，请参阅本页的其他答案。

---

在大多数浏览器上，超过最大长度/宽度/区域会使画布不可用。(它将忽略任何绘图命令，即使在可用区域。)IE和IEMobile将遵守在可用空间内的所有绘制命令。