在舞臺原點以外的地方繞着SVG動畫旋轉路徑

Question

嘗試製作時鐘動畫。

當前版本是在這裏：http://michaelneff.com/clock/

貌似手正在舞臺周圍的0,0旋轉，我無法弄清楚如何改變圍繞其旋轉手點。

我從Codrops教程這裏適應這樣的：http://tympanus.net/codrops/2013/02/06/interactive-infographic-with-svg-and-css-animations/

我是全新的，以SVG動畫所以任何幫助將不勝感激。提前致謝。

Answer 1

您可以使用rotate（）變換的三個參數版本指定旋轉中心。

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

隨着動畫您使用

<animateTransform attributeName="transform" 
         attributeType="XML" 
         type="rotate" 
         from="0 60 70" 
         to="360 60 70" />