0

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

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

多角形は実際にその角度を変更しますが、移動の奇妙な軌跡があります。次のリンクにアクセスしてください: http://jsfiddle.net/ExaBP/

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

4

1 に答える 1

0

問題は、ポリゴンの回転中心が 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"

したがって、animateの回転に (cx,cy) を使用すると、これらのパラメーターも 0 から 100 へ、次に 0 へとアニメーション化されます。

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

しかし、ここでは、別のアプローチが必要だと思います:

  • HTML または JS で直接 SVG を作成してみてください
  • または、エクスポートする前に描画プログラムで座標の原点を変更してみてください。
于 2012-03-27T19:01:17.757 に答える