2

いくつかのアニメーションを表示するために SVG を使用しています。しかし、SVGの初心者である私は、rectやcircleなどのSVG要素をアニメーション化するために、試行錯誤したjQueryアニメーションを単純に使用しています.

これはjQuery Selector + SVG Incompatibleの複製ではありませんか? <rect class="my-class-1 box" ...></rect> .. a のクラスをto に変更したい <rect class="my-class-2 box" ....></rect>

addClass() と removeClass() の通常の jquery メソッドを試しました。HTML と SVG の DOM 構造の違いにより、これは機能しません。

SO 私はhttp://keith-wood.name/svgRef.htmlプラグインを使用して、SVG 要素へのアクセスとアニメーションを実行しています。

岩と固い場所の間で立ち往生

助けてくれてありがとう

4

1 に答える 1

0

jQuery svg プラグインを使用してこれを実現するには、rect にカスタム ID プロパティを与え、それをセレクターとして使用します。jquery.svgdom.js も必ず含めてください。

svgCanvas.polygon(group, getPoints(), { customID:'123', stroke: 'orange', strokeWidth: 2, class: 'my-class-1' });

クラスを変更するには、次のセレクターを使用します。

var selector = 'svg polygon[customID="123"]';
$(selector).removeClass('my-class-1').addClass('my-class-2');
于 2012-06-18T14:23:59.407 に答える