svg围绕一个点旋转路径

Question

我有一个带有几个路径的svg： https://jsfiddle.net/homa/sbvsjxqe/

我想围绕中心旋转路径。当我添加以下代码时，路径会超出视图并围绕一个非常大的圆圈旋转：

<animateTransform attributeName="transform"
                  attributeType="XML" 
                  type="rotate"
                  from="0 50 50"
                  to="360 50 50" 
                  dur="7s"
                  repeatCount="indefinite" />

如何强制路径围绕中心旋转？

Answer 1

from和to属性中的第二个和第三个数字是旋转中心的坐标。

将它们设置为您想要旋转的点。它可能不是（50,50）。