我一直在做一些阅读，但还没有为我的问题找到或整理一个有效的解决方案。我有一组内联SVG的路径，我需要通过它的中心旋转。但问题是FireFox没有解释SVG元素的transform-origin属性。有没有人为此做一个解决方法，或者有人能指出我正确的方向吗？
我已经尝试将该组包装在另一个组中，并使用translate属性重新定位所有内容，但这并没有解决问题。我也试过使用像素而不是百分比也没有运气。有什么帮助吗？
项目： http://jsfiddle.net/jz09dr2m/
目标元素
#seconds-topper-tool
答案 0 :(得分：0)
使用CSS旋转SVG元素在FireFox中有一个“bug”（在v31中测试）。 transform-origin不适用于svg元素。要在除左上角之外的位置旋转元素，您需要使用位置组和动画组对元素进行分组。将组放在SVG的左上角。然后计算它应该旋转的元素的位置，并通过css transform添加元素的位置：translate（x，y）;
来源：运球