4

jQuery SVG の Web サイトにあるすべての例は、javascript で SVG オブジェクトを構築し、その中に新しい要素を構築することを目的としているようです。既存のマークアップの操作についてはあまり触れていません。

問題:

イベントが JavaScript 関数に接続された既存の SVG オブジェクトがあります。イベント ターゲット (この場合は SVG パス要素) を取得し、.animate()jQuery SVG を使用します。

ただし、単に$(myElement).animate()機能していないようです。当面の問題は$(myElement)、SVGオブジェクトの引数などを受け入れないことのようです。

奇妙なことに、アニメーション完了コールバックは機能しているように見えますが、私がそれでやろうとしているアニメーション タイプはまったく機能しません。

イベントターゲットを SVG として適切に認識しているとは確信していません<path>

パスの属性を直接操作しても機能しないようです (を使用.attr())

myElementでクラスを変更するなどの基本的な JS DOM 手法を使用すると、正常に機能するため、これが有効な SVG パスであることは事実上わかって.setAttribute()います。

4

1 に答える 1

1

おそらくこれが役に立ちます: http://keith-wood.name/svgRef.html#support このページから抜粋した例: $(shape).animate({svgFill: 'lightblue'}, 2000);

于 2011-12-20T19:34:01.860 に答える