[解決済み】jQuery SVG vs. Raphael【終了しました。

質問

SVGとJavaScript/jQueryを使ったインタラクティブなインターフェイスを制作しているのですが、以下のどちらかを選択しようとしています。 ラファエル と jQuery SVG . 知りたい

1. 両者のトレードオフは何か
2. 開発の勢いがありそうなところ

RaphaelのVML/IEサポートや、jQuery SVGのプロット機能は必要ないんです。私は主に、SVGキャンバス上で個々のアイテムを作成、アニメーション、操作するための最もエレガントな方法に興味があります。

どのように解決する？

最近、RaphaelとjQuery SVGの両方を使ってみたので、その感想を書いておきます。

ラファエル

長所 SVGで多くのことを素早く行うのが簡単な、良いスターター・ライブラリです。よく書かれ、文書化されています。たくさんの例とデモがあります。非常に拡張性の高いアーキテクチャ。アニメーションにも最適です。

短所 は実際のSVGマークアップの上のレイヤーであり、SVGでより複雑なこと、例えばグループ化を行うことを難しくしています（Setsはサポートしますが、グループはサポートしません）。また、既存の要素の編集もうまくいきません。

jQuery SVG

長所 jQueryのプラグインです。よく書かれ、文書化されています。例とデモがたくさんある. ほとんどのSVG要素をサポートし、要素に簡単にネイティブアクセスすることができます。

短所 アーキテクチャがRaphaelのように拡張可能でない。いくつかのものは、より良いドキュメントを作成することができます（SVG要素の構成のように）。すでにある要素の編集がうまくいかない。アニメーションはSVGのセマンティックに依存しているので、あまり良いとは言えません。

SnapSVG RaphaelのピュアSVG版として

SnapSVGはRaphaelの後継機種です。SVG対応ブラウザにのみ対応し、SVGのほぼすべての機能をサポートしています。

まとめ

素早く簡単なことをするのであれば、Raphaelは簡単な選択です。もっと複雑なことをするのであれば、Raphaelよりも実際のマークアップを簡単に操作できるjQuery SVGを選択しました。また、jQuery以外のソリューションが必要な場合は、SnapSVGが良い選択肢になります。