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

Question

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

现在,当我从笔记本电脑(在各种浏览器上)访问页面时,此工作正常.

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

因此,似乎存在内存可用性或设备依赖性,这限制了大小(根据W3C允许的大小).

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

Answer 1

替代方式(回复评论):

1. 使用多个画布(每个深度级别一个)
2. 使用后端即时渲染的图像(php？ruby？python？java？)
3. 使用CSS风格的多个div(酷炫轻量级解决方案)
4. 渲染几个小图像并用CSS定位它们(​​混合#2和#3)

这些只是提案,未经过实际数据测试.