jQueryのSVG変換奇妙な行動

Question

私はこれを使用してSVG <polygon>（または任意の他の要素）を回転させるようにしようとしている：

var svg = new $.svg._wrapperClass($('#test')); 
$(svg._svg).animate({svgTransform: 'rotate(720,100,100)'}, 2000);​ 

ポリゴンは本当に、その角度を変更しますが、移動のいくつかの奇妙な軌道で。 このリンクを参照してください：http://jsfiddle.net/ExaBP/

私の目標は、中心を中心にポリゴンを回転させることです。

Answer 1

問題は、回転中心あなたのポリゴンがCOORDであるということである（0,0）>のポイントを見て：

points="38.8313,102.22 42.1242,104.613 45.4171,107.005 44.1593,110.876 42.9015,114.747 38.8313,114.747 34.7611,114.747 33.5034,110.876 32.2456,107.005 35.5384,104.613" 

だから、あなたはアニメーションで回転するために（CX、CY）を使用する場合の場合、これらのパラメータも0〜100、0にアニメートされます。

アニメーションの前後に中心を変更する必要があります。

しかし、ここで、私はあなたが別のapproch必要があると思う：前に、あなたの描画プログラムでcoordonatesの起源を変更しようと HTMLやJS

に直接SVGを作成してみたり

• を輸出。