我很难接受SVG动画绘制,这在所有浏览器上都能很好地工作(即使IE没有问题),只有firefox无法正确绘制
在所有现代浏览器上自行编写脚本 脚本来自 - http://tympanus.net/Development/SVGDrawingAnimation/
但是当我从矢量图像生成SVG代码时,它无法在firefox上运行 示例 - CODEPEN
这是100%的svg路径问题,有代码的东西。但是什么?
答案 0 :(得分:2)
如果查看Firefox DOM检查器中的<path>
样式,您会发现它拒绝解析某些stroke-dasharray
值。如果没有破折号模式,您将无法在这些路径上看到动画。
特别是,Firefox遇到问题的路径都报告了数十亿单位的总长度。现在,规范中没有任何内容表明路径长度和短划线模式不能数十亿单位长,但Firefox实现只能达到一定的最大值并不合理。
不合理的是Firefox首先计算出如此极端的路径长度。例如,对于图纸中的第一条路径,FF28将路径长度报告为308225966080,而Chrome则将其计算为大约920.6。
原来 getTotalLength
的问题是known bug in Firefox 28。希望很快就能解决!