2012-03-01 7 views
0

私はこのコードが矩形を生成して回転をアニメーションするはずです。しかしそれは回転しません。私は間違って何をしていますか?Keith Woods svg-plugin doesntは私の四角形を回転させません

$(document).ready(function() 
{ 
    $('#intro').svg({onLoad: drawInitial}); 
}); 

function drawInitial() 
{ 
    var svg = $('#intro').svg('get'); 

    var myrect = svg.rect(25, 25, 150, '25%', 10, 10, {fill: 'none', stroke: 'blue', strokeWidth: 3, transform: 'rotate(0, 100, 75)'}); 
    $(myrect).animate({svgTransform: 'rotate(60, 100, 75)'}, 2000); 
} 

答えて

0

rect要素には変換プロパティがありません。 <g>と非ルート<svg>要素にはこのようなプロパティがありますので、rectの親要素にtransformプロパティを持つ<g>要素を作成し、その要素の変換を変更するのが最善です。

+0

ありがとうございました。それは動作します。しかし、今私は別の問題があります。私はロードされたsvgオブジェクト(イラストレータで作られた)とjqueryで生成されたオブジェクトをグループ化したい。次に、それらを両方ともアニメーション化したいと思います。私はそれらをグループ化する方法を知っていません。上記の新しいコードを投稿します。 –

+0

新しい質問をしてみませんか?私は立っているようにこれに答えました。 –

+0

OK。ありがとうございました。 –

関連する問題