Холст HTML5 с обработкой против.Чистый Javascript

Question

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

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

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

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

Answer 1

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

@austin, Apache Batik — это средство рендеринга SVG на стороне сервера.

Answer 2

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

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

Answer 3

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

Answer 4

Почему не actionscript 3, на данный момент флэшплеер более широкое проникновение, чем поддержка html 5.