Canvas HTML5 com processamento vs. JavaScript puro

Question

Tenho algumas animações de visualização de dados que quero fazer em um webapp que tenho e estou considerando diferentes alternativas que tenho. Basicamente, estará apenas se movendo em torno de seqüências de texto de uma maneira bonita.

Estou usando a estrutura de Mootools e o Mootools FX A biblioteca basicamente tem as coisas que eu quero, mas quero manipular cerca de 100 seqüências de texto, o que significa que cada string precisaria de um objeto FX separado (eu acho).

A alternativa para fazer isso é codificar a coisa toda no processamento e uso Processing.js para renderizá -lo a uma tela HTML5.

Qual dessas coisas é mais fácil no navegador (não quero que o site seja pesado no lado do cliente)? Existem outras maneiras que possam ser ainda melhores?

Answer 1

Ou use SVG do lado do cliente. Ele não deve ter problemas para exibir e manipular 100 seqüências de texto e é suportado nos mesmos navegadores que a tela é (e o IE suporta VML, que fornece funcionalidade semelhante).

@Austin, o Apache Batik é um renderizador SVG do lado do servidor.

Answer 2

Eu não adotaria o suporte ao elemento Canvas neste momento, pois apenas a versão mais recente da maioria dos navegadores o oferece. Eu esperaria até que o apoio seja comum, o que pode demorar um pouco. Lembre -se de que o HTML5 ainda não é padrão e ainda está sujeito a alterações.

Você pode pesquisar SVG e ver se existe um analisador SVG do lado do servidor, onde a saída pode ser convertida em PNG.

Answer 3

A propósito, o processamento é apenas Java, para que você possa apenas escrevê -lo e exibi -lo em um applet.

Answer 4

Por que não o ActionScript 3, neste momento, há uma penetração mais ampla do flash player do que o suporte ao HTML 5.