KineticjsとRaphaeljs

Question

私はHTML5を使用して新しいプロジェクトを開始しています。最も一般的なグラフィカルツールキットの2つはKineticJSとRaphaelJSです。これらを使用した経験があれば、アドバイスはありますか？彼らはどの機能を提供していますか？

など。 RaphaelJSのみが従来のブラウザで動作します（しかし、これは私が必要とする機能ではありません）。

Answer 1

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

はあなたがキャンバス対SVGに関するチェックアウトする必要がありますいくつかの有用なリンクです：

• Thoughts on when to use Canvas and SVG（ハイブリッドアプローチを説明）
• サイモンSarrisこのstackoverflowのスレッドに優れreply（私はまた、いくつかのbenchmarksを掲載しましたSVGと同じスレッド内のキャンバス）間

は要約する：

• 私はRaphaelJSを使っていくつもりのインタラクティブなグラフを作成したいのですが、SVGを使う方が簡単だからです（KineticJSは抽象的なAPIを提供しています。
• 巨大な数の図形/オブジェクトを視覚化したい場合は、KineticJSをキャンバスの尺度として使用することをお勧めします。描写する図形/オブジェクトの数が多いほどよくなり、KineticJSはレンダリングのパフォーマンスを向上させるために複数のレイヤーを使用します。