HTML5-Canvas mit Verarbeitung vs. reinem Javascript

Question

Ich habe einige Datenvisualisierungsanimationen, die ich in einer Webapp machen möchte, und habe verschiedene Alternativen, die ich habe. Es wird sich im Grunde nur um Textzeilen herum bewegen.

Ich benutze das Mootools-Framework und die Mootools FX-Bibliothek haben grundsätzlich die Sachen, die ich will, aber ich möchte rund 100 Textzeichenfolgen manipulieren, was bedeutet, dass jede Zeichenfolge ein separates FX-Objekt benötigen würde (denke ich).

Die Alternative dazu ist die Codierung der gesamten Sache in der Verarbeitung und Processing.js verwenden, um es auf eine HTML5 Canvas zu rendern.

Welche dieser Dinge gehen am einfachsten im Browser (ich möchte nicht, dass die Seite clientseitig schwer ist)? Gibt es noch andere Möglichkeiten, die vielleicht noch besser sind?

Answer 1

oder clientseitige SVG verwenden. Es sollte keine Probleme haben, 100 Textzeichenfolgen anzuzeigen und zu bearbeiten, und es wird in den gleichen Browsern wie Canvas unterstützt (und IE unterstützt VML, das ähnliche Funktionen bietet).

@austin, Apache Batik ist ein serverseitiger SVG-Renderer.

Answer 2

Ich würde nicht für die Unterstützung des Canvas-Elements zu dieser Zeit übernehmen, da nur die neueste Version der meisten Browser es unterstützt. Ich würde warten, bis Unterstützung üblich ist, was eine Weile dauern könnte. Beachten Sie, dass HTML5 noch kein Standard ist und Änderungen unterliegen können.

Sie könnten SVG untersuchen und sehen, ob es einen serverseitigen SVG-Parser gibt, bei dem die Ausgabe in PNG konvertiert werden könnte.

Answer 3

Verarbeitung ist nur Java übrigens, also sollten Sie in der Lage sein, es einfach zu schreiben und es in einem Applet anzuzeigen.

Answer 4

Warum Actionscript nicht 3, an dieser Stelle eine größere Durchdringung des html für Flash Player als Unterstützung 5.