Javascript SVG-使用Snap.SVG/velocity.js围绕中心制作动画（Firefox版）

我知道有几个线程有类似的问题， 但我无法解决我的问题

在Chrome/Safari中，这很好；线绕着笔的末端旋转

在Firefox中，旋转看起来很奇怪。我知道“变换原点”不存在 在Firefox中工作就像在Chrome中一样，因此我尝试使用Snap.SVG来解决浏览器之间的差异，但没有成功

速度

$（“#svg速度#se线”）
.速度（{rotateZ:10}）
.延迟（900）
.velocity（“反向”{延迟：900}）
.速度（{rotateZ:-10}）
.延迟（600）
.velocity（“反向”{complete:animVel}）；

捕捉SVG

var s=Snap（“svg Snap.svg-design-i”）；
var行=s.选择（“se行”）；
var-box=line.getBBox（）；
var cx=框宽/2+box.x；
var cy=箱高/2+箱高；
动画（{transform:r15，“+cx+”，“+cy}，1000，mina.easeIn，function（）{
动画（{transform:r0，“+cx+”，“+cy}，1000，mina.easeIn，function（））{
animSnap（）；
})
});

Firefox屏幕截图：

---

我假设您的代码缺少转换框。Firefox的开发者版只支持transform box，Chrome的transform box默认值错误。谢谢。这一点变化不大。我正在寻找跨浏览器解决方案。这就是我尝试使用snap.svg的原因。还有一个类似的问题：Snap版本在Firefox和Chrome中对我来说很好。你确定吗？我用截图更新了上面的帖子。如果希望跨浏览器解决方案停止（取决于变换原点），则可以看到线条在笔（Firefox 45.0.2）内移动。即，使对象旋转约0,0