Animation SVG动画在旋转时转换为0,0

我正在尝试让SVG动画旋转工作，最好是围绕其中心（我一直尝试将旋转作为平移点+1/2宽度和高度，以使其工作，但我猜我缺少矩阵和平移？）

当我尝试时，它会在执行旋转之前将对象平移到位置0,0，而不是围绕其中心（或附近），这是我试图避免的

我在这儿闲逛

document.getElementById（“animid_1004”）.beginElement（）；

您的

正在覆盖已在该

上的

转换。如果您将
translate（）
移动到内部组，您会发现事情会更好。
您的
正在覆盖该
上已有的
转换。如果您将
translate（）
移动到内部组，您应该会发现事情更有效。
我想我找到了一个答案。我没有意识到有“加法”变换的概念，也没有看到“by”属性，我假设它总是需要from和to。我在看

因此，经修正的部分是

 <animateTransform fill="none" type="rotate" attributeType="XML" attributeName="transform" by="360" dur="3s" id="animid_1005" begin="animid_1004.begin">

显示它围绕中心旋转。
我想我找到了一个答案。我没有意识到有“加法”变换的概念，也没有看到“by”属性，我假设它总是需要from和to。我在看

因此，经修正的部分是

 <animateTransform fill="none" type="rotate" attributeType="XML" attributeName="transform" by="360" dur="3s" id="animid_1005" begin="animid_1004.begin">

显示它围绕中心旋转。
谢谢，我想知道这是一个问题，它是一个挂在某个动态定位上的挂起装置，我将尝试看看它是否也起作用。为了确认这也起作用，如果有帮助，请为任何人更新fiddle at。谢谢编辑：虽然我注意到它们围绕中心旋转的方式不同，但我猜是因为变换的位置不同。而且我怀疑我最初对中心的计算实际上是错的。谢谢，我想知道这是一个问题，这是一个挂起从一些动态定位，我会尝试，看看是否工作以及。只是为了确认这项工作以及，更新小提琴为任何人，如果它有帮助。谢谢编辑：虽然我注意到它们围绕中心旋转的方式不同，但我猜是因为变换的位置不同。而且我怀疑我最初对中心的计算实际上是错的。