圍繞中心旋轉SVG元素

Question

我在做什麼錯繞中心旋轉

我設置變換出身每個就在廣場的中心

看這裏請 https://jsfiddle.net/yqx90or9/1/

group.style.transformOrigin = '100px 100px' 
group.style.transform = 'rotate(90deg)' 

Answer 1

問題是這條線：

transition: all 1s linear 1s; 

當您更改樣式時，您正在更改transform，但您也正在更改transform-origin。所以這兩個動畫。結果是你的怪異行爲。將其更改爲：

transition: transform 1s linear 1s;