HTML5画布：如何确定大小限制？

Question

我有一个宽度为1400像素，长度约为12000像素的画布。我需要绘制一个层级图。当完全展开时，它会占据整个画布（我设置的尺寸）。

现在，在笔记本电脑上访问页面时（使用各种浏览器），这很好用。

但是，当我从iPad上的Safari访问它时，画布不会显示出来，或者画布上的内容不可见。我认为，这是由于画布的尺寸过大所致。

因此，似乎存在内存可用性或设备依赖性，限制尺寸（符合W3C允许的尺寸范围内）。

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

- Kangkan

---

我的猜测是你做错了什么。为什么你需要这么大的绘画区域？ - Artur Czajka

我有一个层次结构图需要绘制。当它完全展开时，它会占据整个画布（我设置的大小）。有其他方法吗？我是初学者。 - Kangkan

Answer 1

替代方法（回答评论）：

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

这些只是提议，尚未在真实数据上测试。

- Artur Czajka