処理対ピュアJavaScriptでHTML5のキャンバス

Question

私は私が持っているWebアプリケーションでやりたいいくつかのデータの可視化のアニメーションを持っていると私は別の選択肢を検討しています。これは、基本的にはかなりのようにテキスト文字列の周りに移動されます。

私はMooToolsはフレームワークを使用していますし、 MooToolsはFX のライブラリは、基本的なものを持っています私はしたいが、私は、各文字列は（私が思う）別のFXオブジェクトを必要とする意味の周りの100テキスト文字列を、操作したい。

これを実行する代わりに、処理全体のことをコード化され、それをレンダリングするために Processing.js の使用しますHTML5のキャンバスます。

これらの事のどちらが（私はサイトがクライアント側の重くなることは望ましくありません）ブラウザ上で最も簡単に行きますか？ でも良いかもしれない任意の他の方法はありますか？

Answer 1

またはクライアント側のSVGを使用しています。それは何の問題100個のテキスト文字列を表示し、操作を持つべきではない、とキャンバスがある（とIEが同様の機能を提供VMLをサポートしています）とほとんど同じブラウザでサポートされています。

@austin、Apacheのバティックは、サーバー側のSVGレンダラである。

Answer 2

ほとんどのブラウザの最新バージョンのみがそれをサポートしているので、

私はこの時点でcanvas要素のサポートのために採用しています。サポートは一般的になるまで、私は少し時間がかかる可能性があり、待機していました。 HTML5はまだ標準ではありません、まだ変更される可能性があり注意してください。

あなたはSVGを研究し、出力はPNGに変換することができ、サーバサイドのSVGパーサがあるかどうかを確認したい場合があります。

Answer 3

処理は道によって、単にJavaのであるので、あなたはちょうどそれでそれを書いて、アプレットに表示することができる必要があります。

Answer 4

なぜ3をActionScriptのない、この時点では、HTML 5のサポートよりもフラッシュプレーヤーの広い浸透があります。