-2

JQuery は (私の理解では) 完全に DOM ベースであり、Raphael は正反対ですが、同じドキュメントで両方の長所をどのように活用できますか? それを達成するための効率的な方法はありますか?

追加メモ: Raphael がコード内に実際の DOM 要素を作成することは知っていますが、それらの ID では、作成するすべての要素にアクセスしてから、それを JQuery に組み込む必要があります。スクリプト化された要素ではなくDOM要素でRaphaelを使用する簡単な方法はありますか?

ありがとう !

4

1 に答える 1

0

残念ながら、Raphael は自分で作成していない DOM 要素を扱うことができません。ただし、できることは、raphael-svg-importライブラリを使用して svg をインポートすることです。したがって、jQuery と組み合わせると、次のようになります。

var mySvg = $('svg#IdOfMySVGElement')
var paper = Raphael(10, 10, 800, 500);
var set = paper.set();
paper.importSVG(mySvg.html(), set);
//the whole svg will be recreated so we need to remove the original
mySvg.remove();

svg 対応のブラウザーでのみ動作することに注意してください。VML の場合は、別のソリューションを探すか、独自の vml パーサーを作成する必要があります。

于 2013-10-28T08:01:17.353 に答える