HTML5 Canvas с обработкой и чистым Javascript

Question

У меня есть некоторые анимации визуализации данных, которые я хочу сделать в своем веб-приложении, и я рассматриваю различные альтернативы, которые у меня есть. По сути, он будет просто красиво перемещаться по текстовым строкам.

Я использую инфраструктуру Mootools, а библиотека Mootools FX в основном содержит то, что мне нужно, но я хочу манипулировать около 100 текстовыми строками, что означает, что для каждой строки нужен отдельный объект FX (я думаю, ).

Альтернативой этому является кодирование всего объекта в Processing и использование Processing.js для его рендеринга на холст HTML5.

Что из этого проще всего сделать в браузере (я не хочу, чтобы сайт был слишком загруженным на стороне клиента)? Есть ли другие способы, которые могут быть даже лучше?

Answer 1

Или используйте клиентскую SVG. У него не должно быть проблем с отображением 100 текстовых строк и манипулированием ими, и он поддерживается во многих тех же браузерах, что и Canvas (а IE поддерживает VML, который обеспечивает аналогичные функции).

@ austin, Apache Batik - серверный рендеринг SVG.

Answer 2

Кстати, обработка - это всего лишь Java, поэтому вы должны просто написать ее и отобразить в апплете.

Answer 3

Почему бы не ActionScript 3, на данный момент более широкое распространение флэш-плеера, чем поддержка HTML 5.

Answer 4

Я бы не стал поддерживать элемент canvas в настоящее время, поскольку его поддерживает только самая последняя версия большинства браузеров. Я бы подождал, пока поддержка не станет обычной, что может занять некоторое время. Имейте в виду, что HTML5 еще не является стандартом и может быть изменен.

Возможно, вы захотите исследовать SVG и посмотреть, есть ли на стороне сервера анализатор SVG, где выходные данные можно преобразовать в PNG.