围绕中心旋转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;