html - Kineticjs vs Raphaeljs

Question

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

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

Answer 1

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

SVGとCanvasに関して確認する必要のある便利なリンクを次に示します。

• CanvasとSVGをいつ使用するかについての考え（ハイブリッドアプローチについても説明します）
• このstackoverflowスレッドでのSimonSarrisの優れた回答（同じスレッドでSVGとcanvasの間のベンチマークもいくつか投稿しました）

要約する：

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