Javascript FireFox中SVG上的转换原点

我一直在读一些书，但还没有找到或整理出解决我问题的有效方法。我有一组内联SVG路径，需要按其中心旋转。但问题是FireFox没有解释SVG元素的transform origin属性。有没有人能解决这个问题，或者有人能给我指出正确的方向

我尝试将该组包装到另一个组中，并使用translate属性重新定位所有内容，但这并没有解决问题。我也尝试过用像素代替百分比，但也没有成功。有什么帮助吗

项目：

目标元素

#seconds-topper-tool

---

使用CSS旋转SVG元素在FireFox中有一个“bug”（在v31中测试）。“变换原点”不适用于svg元素。若要在左上角以外的位置旋转元素，需要使用位置组和动画组对元素进行分组。将这些组放置在SVG的左上角。然后计算元素应该旋转的位置，并通过css变换添加元素的位置：translate（x，y）

---

资料来源：运球

你看过这个吗？我在尝试创造时也遇到了同样的问题。希望对你有帮助。我有，但运气不好。我认为我所在的组中的路径数量可能会导致一个问题，而不是一个rect。您可以在这里看到一个示例：transform origin在SVG元素上工作，只要您避免百分比。中心基本上是50%的别名，这同样不起作用。不过，px和其他设备也能正常工作。FireFox似乎无法转换任何位置。我已经准备好了翻译，Chrome上的一切看起来都很好，但是Firefox没有任何变化。