Gibt es ein praktisches Limit für die Anzahl der HTML5-Canvas -Elemente, die Sie auf einer Seite haben können?
Sind zum Beispiel 500 einzelne Leinwände für einen modernen Browser auf dem durchschnittlichen Computer machbar?
Jede Leinwand verbraucht mindestens Speicher, nicht weniger als ein Bild derselben Größe.
Wie groß sind diese Leinwand überhaupt?
500 verschiedene Bilder auf derselben Seite könnten den PC verlangsamen, und wenn diese Bilder über CSS verkleinert werden (so dass Sie zusätzliche CPU-Nutzung haben), ist die Langsamkeit überwältigend (ich habe es bereits getestet).
Schnelltest erledigt:
Ich habe 500 512x512-Canvases erstellt und die Windows-Speicherbelegung betrug etwa 40 MB. Nicht so sehr, wirklich.
Jetzt sollte ich jedes über JS einzeichnen, vielleicht verwendet sie viel mehr Speicher.
-edit -
500 Leinwände, 512x512, in jedem ist ein Dreieck gezeichnet: Ссылка
Verbraucht etwa 0,5 GB, etwa 1 MB für jede Zeichenfläche, und wenn man bedenkt, dass 512x512x4 (4 Bytes pro Pixel) 1 MB ist, kann die Speicherbelegung leicht bestimmt werden.
Tags und Links html5 html5-canvas