HTML5 Canvas: jak poznać limit rozmiaru?

Question

Mam płótno o szerokości 1400 pikseli i długości około 12 000 pikseli. Mam diagram hierarchii, który muszę narysować. Po pełnym rozwinięciu zajmuje całe płótno (rozmiar, który ustawiłem).

Teraz działa dobrze, gdy wchodzę na stronę z laptopa (w różnych przeglądarkach).

Ale kiedy uzyskuję dostęp do fron Safari na iPadzie, płótno nie pojawia się lub zawartość na płótnie nie jest widoczna. Myślę, że jest to spowodowane dużym rozmiarem płótna.

Wygląda na to, że dostępna jest dostępność pamięci lub zależność od urządzenia, co ogranicza rozmiar (z dozwolonym rozmiarem zgodnie z W3C).

Jak poznać lub obliczyć rozmiar? Czy są jakieś rozwiązania? Czy istnieje jakakolwiek inna droga? Jestem początkujący.

Answer 1

Alternatywne sposoby (anwsering the comment):

1. korzystać z wielu płócien (jeden dla każdego poziomu głębokość)
2. użyć obrazu świadczonych on-the-fly przez backend (PHP Ruby python java?? ?)
3. stosowanie wielu div stylem CSS (chłodnym & lekkiej roztwór)
4. czynią kilka małych obrazów i umieścić je z CSS (mix # 2 i # 3)

To tylko propozycje, nie testowane na rzeczywistych danych.