jquery - jQueryはSVG要素をアニメーション化します

Question

アプリケーションでsvgを取得しました。好き

<svg id="gt" height="450" width="300" xmlns="http://www.w3.org/2000/svg">
<image id="1_dice" x="0" y="420" height="30" width="30" xlink:href="images/1_coin.png" />
</svg>

'1_dice'という名前のsvg要素を取得しました。HTMLボタンをクリックして、パラメータに従って要素をアニメーション化したいと思います。好き

$('#btn').click(function(){
     $('#1_dice').animate({'x':200},2000);
});

私はこれを試しましたが、これは機能しません...

Answer 1

jQuery animateは、HTML要素をアニメーション化するためのものです。SVGの場合、 jQuerySVGプラグインを試す必要があります。リンクをたどってください-http://keith-wood.name/svg.html