1

時計のアニメーションを作ってみました。

現在のバージョンはこちら: http://michaelneff.com/clock/

手がステージの 0,0 を中心に回転しているように見えますが、手を回転させるポイントを変更する方法がわかりません。

ここの Codrops チュートリアルからこれを適応させています: http://tympanus.net/codrops/2013/02/06/interactive-infographic-with-svg-and-css-animations/

私はSVGアニメーションが初めてなので、どんな助けでも大歓迎です。前もって感謝します。

4

1 に答える 1

1

回転の中心は、rotate() 変換の 3 つのパラメーター バージョンを使用して指定できます。

transform="rotate(<angle> <cy> cy>)"

使用するアニメーションで

<animateTransform attributeName="transform" 
                      attributeType="XML"
                      type="rotate" 
                      from="0 60 70" 
                      to="360 60 70" />
于 2013-10-19T06:46:53.430 に答える