キネティックスvsラファエルス

Question

HTML5を使用して新しいプロジェクトを開始しています。最も人気のある2つのグラフィカルツールキットは KineticJS および RaphaelJS です。これらの使用経験がある場合、何かアドバイスはありますか？彼らはどの機能を提供しますか、そして他のものよりも使用することには利点がありますか？

例えば。 RaphaelJSのみがレガシーブラウザーで動作します（ただし、これは私が必要とする機能ではありません）。

Answer 1

RaphaelJSとKineticJSの最大の違いは、RaphaelJSがSVGを使用し、KineticJSがHTML5 Canvasを使用して視覚化することです。
それは本当にあなたがどのような種類のプロジェクトをやっているかによります。

SVGとCanvasについて確認する必要があるいくつかの便利なリンクを以下に示します。

• CanvasとSVGをいつ使用するかについての考え （ハイブリッドアプローチについても説明しています）
• Simon Sarris優れた reply このスタックオーバーフロースレッド（同じスレッドのSVGとキャンバスの間に benchmarks もいくつか投稿しました）

要約する：

• インタラクティブなグラフを作成したい場合は、RaphaelJSを使用します。SVGを使用する方が簡単だからです（KineticJSは、かなり簡単に実行できる抽象APIも提供しています）。
• 膨大な数のシェイプ/オブジェクトを視覚化したい場合は、描画するシェイプ/オブジェクトの数が多いとキャンバスが通常よりよく拡大縮小し、KineticJSが複数のレイヤーを使用してレンダリングパフォーマンスを向上させるため、KineticJSを使用することをお勧めします。