SVG动画和firefox

时间:2014-04-06 13:46:45

标签: jquery html animation svg

我很难接受SVG动画绘制,这在所有浏览器上都能很好地工作(即使IE没有问题),只有firefox无法正确绘制

在所有现代浏览器上自行编写脚本 脚本来自 - http://tympanus.net/Development/SVGDrawingAnimation/

但是当我从矢量图像生成SVG代码时,它无法在firefox上运行 示例 - CODEPEN

这是100%的svg路径问题,有代码的东西。但是什么?

1 个答案:

答案 0 :(得分:2)

如果查看Firefox DOM检查器中的<path>样式,您会发现它拒绝解析某些stroke-dasharray值。如果没有破折号模式,您将无法在这些路径上看到动画。

特别是,Firefox遇到问题的路径都报告了数十亿单位的总长度。现在,规范中没有任何内容表明路径长度和短划线模式不能数十亿单位长,但Firefox实现只能达到一定的最大值并不合理。

不合理的是Firefox首先计算出如此极端的路径长度。例如,对于图纸中的第一条路径,FF28将路径长度报告为308225966080,而Chrome则将其计算为大约920.6。

原来 getTotalLength的问题是known bug in Firefox 28希望很快就能解决!