HTML5 Canvas: как узнать ограничение по размеру?

Question

У меня есть холст шириной 1400 пикселей и длиной около 12000 пикселей. У меня есть иерархическая диаграмма, которую мне нужно нарисовать. Когда он полностью развернут, он занимает весь холст (размер, который я установил).

Теперь это работает нормально, когда я захожу на страницу с ноутбука (в разных браузерах).

Но при доступе к нему из Safari на iPad холст не отображается или содержимое холста не отображается. Я думаю, это связано с большим размером холста.

Таким образом, похоже, что доступность памяти или зависимость от устройства существуют, что ограничивает размер (в пределах допустимого размера согласно W3C).

Как узнать или рассчитать размер? Или есть какие-то обходные пути? Есть ли другой путь? Я новичок.

Answer 1

Альтернативные способы (anwsering комментарий ):

1. использование нескольких полотен (по одному для каждого уровня глубины)
2. использование изображения, отображаемого наfly by backend (php? ruby? python? java?)
3. использование нескольких div-ов в стиле CSS (классное и легкое решение)
4. рендеринг нескольких маленьких изображений и позицийих с помощью CSS (смесь № 2 и № 3)

Это всего лишь предложения, не проверенные на реальных данных.