1

Web アプリケーション用の SVG ビューアを開発しています。既存の SVG ファイルを操作し、それらを処理してツールチップを表示したり、マウス イベントで効果を出したりする必要があります...

それを行うための優れたライブラリを探しましたが、RaphaelJS は便利なようで、IE との互換性があります (IE8 でさえ)。

ただし、何度か試行した後、Raphael を介して SVG を使用して埋め込み要素を取得できません。

これは不可能ですか？そうでない場合は、どうすればよいですか？

SVG ファイルをロードするコードは次のとおりです。

<embed wmode="transparent" id="viewer" src="svg/mouseover.svg" pluginspage="http://www.adobe.com/svg/viewer/install/" type="image/svg+xml" width="100%" height="100%"/>

ありがとうございます。

4

2 に答える 2

1

私の知る限り、ラファエルは既存の svg を Web ページに埋め込むために使用されていません。代わりに、その目的は、javascript を使用して svg を動的に作成できるようにすることです。

http://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/を参照してください。

編集: https://github.com/wout/raphael-svg-importをご覧ください。

于 2013-01-22T13:15:13.507 に答える
0

最後に、RaphaelJS (http://raphaeljs.com/) の代わりに jQuery SVG (http://keith-wood.name/svg.html) を使用するソリューションに到達しました。

これは、このプラグインを使用したコードです。

var svgDoc = $(document.getElementById("viewer").getSVGDocument().documentElement);
$(svgDoc.get(0)).svg();
var svg = $(svgDoc).svg('get');

さらに、このコードはほとんどのブラウザー (IE8、IE9、Firefox および Chrome) で機能します。

于 2013-01-23T08:11:33.887 に答える