HTML5 Canvas：如何知道大小的限制？

Question

我的画布宽1400像素，长约12000像素。我有一个需要绘制的层次结构图。当它完全展开时，它会占用整个画布（我设置的大小）。

现在，当我从笔记本电脑（在各种浏览器上）访问该页面时，此功能正常。

但是当我在iPad上访问Safari时，画布没有显示，或者画布上的内容不可见。我认为，这是由于画布的大小。

因此，似乎存在内存可用性或设备依赖性，这限制了大小（根据W3C允许的大小）。

如何知道或计算尺寸？还是有一些解决方法？还有其他方法吗？我是初学者。

Answer 1

替代方式（anwsering the comment）：

1. 使用多个画布（每个深度级别一个）
2. 使用后端即时渲染的图像（php？ruby？python？java？）
3. 使用多个使用CSS设置样式的div （酷和轻量级解决方案）
4. 渲染几个小图像并用CSS（混合＃2和＃3）
定位它们

这些只是提案，未经过实际数据测试。