255

私は SVG と JavaScript/jQuery を使用してインタラクティブなインターフェイスに取り組んでおり、RaphaelとjQuery SVGの間で決定しようとしています。知りたい

  1. 2つの間のトレードオフは何ですか
  2. 開発の勢いがあると思われる場所。

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

4

14 に答える 14

26

私は Raphael の大ファンであり、開発の勢いは勢いを増しているようです (バージョン 0.85 は先週後半にリリースされました)。もう 1 つの大きな利点は、開発者のDmitry Baranovskiyが現在 Raphael チャート プラグインg.raphaelに取り組んでいることです。 .

ただし、SVG ライブラリ ミックスにもう 1 つの候補を追加するためだけに、Google のSVG Webは確かに非常に有望に見えます (私は Flash の大ファンではありませんが、Flash は SVG に準拠していないブラウザーでのレンダリングに使用されます)。特に今後のSVG Open カンファレンスでは注目すべきものでしょう。

于 2009-08-10T11:11:02.620 に答える
12

Raphael のほうが設定と実行は間違いなく簡単ですが、Raphael では不可能な SVG での表現方法があることに注意してください。上記のように、「グループ」はありません。これは、座標変換のレイヤーを実装できないことを意味します。代わりに、使用できる座標変換は 1 つだけです。

デザインがネストされた座標変換に依存している場合、Raphael は適していません。

于 2010-08-08T05:48:59.520 に答える
11

Oh Raphael は 6 月から大きく前進しました。それと連携できる新しいチャート作成ライブラリがあり、これらは非常に目を引くものです。Raphael は完全な SVG パス構文もサポートしており、非常に高度なパス メソッドを組み込んでいます。私のサイト (恥知らずなプラグイン) で 1.2.8+ を見に来て、そこから Dmitry のサイトに戻ってください。 http://www.irunmywebsite.com/raphael/raphaelsource.html

于 2009-12-30T21:17:48.667 に答える
6

svgweb も参照してください。Flash を使用して IE で svg をレンダリングし、オプションで他のブラウザーでも (ブラウザー自体がサポートする以上の機能をサポートしている場合) 使用します。

http://code.google.com/p/svgweb/

于 2009-11-11T19:18:05.127 に答える
6

全然関係ないとは思いますが、canvasは検討されましたか？Process JSのようなものを使用すると、より簡単になります。

于 2009-02-27T14:49:28.440 に答える
5

私は Raphael に一票を投じます。クロスブラウザー サポート、クリーンな API、一貫した更新 (これまでのところ) により、Raphael は楽しく使用できます。jQuery との相性も抜群です。処理はクールですが、現時点では最先端のもののデモとしてより便利です.

于 2009-03-24T17:37:38.420 に答える
5

Javascript の初心者として、ラパヘルのサンプルはそれほど簡単ではないことがわかりまし た。実際のステップバイステップのチュートリアルであるhttp://cancerbero.mbarreneche.com/raphaeltutをお勧めします。

于 2012-12-11T16:14:27.440 に答える
3

見たいと思うかもしれない別の svg JavaScript ライブラリは d3.js です。http://d3js.org/

于 2013-08-04T23:47:15.737 に答える
3

ここではまだ言及されていないので、優れた SVG 描画機能も提供するDojox.drawingも参照してください。それはかなり印象的な機能のセットを持っています. 私はそれを使ってプロジェクトを始めたばかりですが、(少なくとも機能に関しては) Raphael や JQuerySVG よりもはるかに優れているように思えます。

このプレゼンテーションは、Raphael/JQuerySVG の代わりにそれを使用するように説得しました: http://www.slideshare.net/elazutkin/dojo-gfx-svg-in-the-real-world-2114082

参照: http://dojotoolkit.org/reference-guide/dojox/index.html

Dojocampus に関するリファレンス: http://docs.dojocampus.org/dojox/drawing

Dojo (Dojox を含む) をダウンロード: http://dojotoolkit.org/download/

于 2011-10-23T22:53:32.567 に答える
2

RaphaelJS は優れたクロスブラウザー機能を備えているため、私は RaphaelJS を使用することを好みます。ただし、RaphaelJS では一部の SVG および VML 効果を実現できません (複雑なグラデーション...)。

Google は、IE で SVG サポートを有効にする独自のライブラリも開発しました: http://svgweb.googlecode.com/files/svgweb-2009-08-20-B.zip

于 2011-05-02T21:45:38.953 に答える
0

VML と IE8 のサポートが必要ない場合は、Canvas (PaperJS など) を使用してください。Windows 7 用の最新の IE10 デモをご覧ください。Canvas で素晴らしいアニメーションが表示されます。SVG はそれらに近いことはできません。Canvas 全体は、すべてのモバイル ブラウザで利用できます。SVG は Android 2.0-2.3 の初期バージョンでは動作しません (私が知っているように)

はい、キャンバスはスケーラブルではありませんが、非常に高速であるため、ブラウザがビューポートをスクロールするよりも速くキャンバス全体を再描画できます。

私の見解では、Microsoft の最適化は、Canvas を通常の GDI エンジンとして使用し、現在 Windows で行っているようにグラフィックス アプリケーションを実装する手段を提供します。

于 2012-11-15T20:54:14.680 に答える