2009-08-20 13 views
4

私には、私が持っているウェブアプリケーションでやりたいと思っているいくつかのデータ視覚化アニメーションがあります。基本的には、テキスト文字列をきれいに動かすだけです。処理対純粋なJavascriptを使用したHTML5キャンバス

私はMootoolsフレームワークを使用しており、Mootools FXライブラリには基本的に必要なものがありますが、約100個のテキスト文字列を操作する必要があります。つまり、各文字列には別のFXオブジェクトが必要です。

これを行う代わりに、処理全体を符号化し、Processing.jsを使用してHTML5キャンバスにレンダリングします。

これらのうち、ブラウザで最も簡単なものはどれですか(私はこのサイトをクライアント側に重くしたくありません)。 他にも優れた方法がありますか?

+1

Processing.jsは私の経験によればブラウザ上で最も簡単です。ニース質問、BTW。 – Mahesh

答えて

1

またはクライアント側のSVGを使用するためのサポートよりもフラッシュプレーヤーの広い浸透があります。 100文字の文字列の表示や操作に問題はなく、Canvasとほぼ同じブラウザでサポートされています(同様の機能を提供するVMLもサポートしています)。

@austinのApache Batikは、サーバーサイドのSVGレンダラーです。

+1

私はクライアント側のSVGをレンダリングするための素晴らしいJSライブラリを見つけましたので、私はそれを使用して終了します:) リンク:http://raphaeljs.com/ – Fredrik

0

現時点では、ほとんどのブラウザの最新バージョンしかサポートしていないため、キャンバス要素のサポートには採用しません。サポートが一般的になるまで待つことにしましたが、少し時間がかかります。 HTML5はまだ標準ではなく、まだ変更される可能性があることに注意してください。

SVGを調べて、出力をPNGに変換できるサーバーサイドのSVGパーサーがあるかどうかを確認したい場合があります。

+1

ほとんどのブラウザ(IEを除く)の古いバージョンはキャンバスをサポートしています。 –

+0

問題のページはアプリの管理者側にあるので、すべての管理者が最新のSafari och FFビルドを実行することができます。 – Fredrik

0

処理はちょうどJavaにすぎません。そのため、処理はちょうどJavaになっているため、その中に記述してアプレットに表示することができます。

+1

彼はProcessing.jsについて話しています。ProcessingはJavaScriptで書き直されています(本当にプラグインを使いたいのであれば、Flashが良い選択かもしれないと主張します)。 –

+1

bonks @noon with http://processingjs.org - 先週v1.00に達しました! – ina

0

なぜ3をActionScriptのない、この時点では、HTML 5

+1

これは当てはまりますが、Flashは非常にクラッシュしやすく、常に(多分私が悪いactionscriptを記述しているため)多量のメモリとCPUを消費していました。ページは数時間連続して表示されます。 – Fredrik

+0

はい、あなたは悪いactionscriptをコードします;) –

関連する問題