HTML5 Canvas: Wie das Limit für die Größe kennen?

Question

Ich habe eine Leinwand, die 1400 Pixel breit und etwa 12000 Pixel lang ist. Ich habe ein Hierarchiediagramm, das ich zeichnen muss. Wenn es vollständig erweitert wird, nimmt es die gesamte Arbeitsfläche (die Größe, die ich festgelegt habe) auf.

Jetzt funktioniert das gut, wenn ich die Seite von Laptop (auf verschiedenen Browsern) zugreifen.

Aber wenn ich es von Safari auf iPad zugreifen, wird die Leinwand nicht angezeigt, oder der Inhalt auf der Leinwand ist nicht sichtbar. Ich denke, das liegt an der Größe der Leinwand.

So scheint es, Speicherverfügbarkeit oder Geräteabhängigkeit gibt es, begrenzt die Größe (mit der zulässigen Größe nach W3C).

Wie kann ich die Größe berechnen oder berechnen? Oder gibt es einige Problemumgehungen? Gibt es einen anderen Weg? Ich bin ein Anfänger.

Answer 1

Alternative Wege (anwsering the comment):

1. Verwendung mehrere Leinwände (eine für jede Tiefenstufe)
2. ein Bild on-the-fly vom Backend (PHP gerendert verwenden rubin Python Java??? ?)
3. mit CSS gestylt mehrere divs Verwendung (kühlen & leichte Lösung)
4. mehrere kleine Bilder machen und sie mit CSS (Mischung aus # 2 und # Position 3)

Dies sind nur Vorschläge, nicht auf echte Daten getestet.