最初隐藏时,动画SVG路径不会显示在Firefox中

时间:2013-11-01 17:03:31

标签: javascript firefox animation svg

我正在尝试调试为什么这部动画SVG无法在Firefox中运行。

测试用例&代码在这里:http://jsbin.com/AYICOwE/18/edit

我正在更改内联stroke-dasharray图形内<path> - 元素的<svg>属性,以逐渐绘制虚线。由于我不希望在我为其设置动画之前显示路径,因此我最初将stroke - 属性设置为none(还尝试将其设置为透明色),然后重新设置当动画运行时。

当行最初具有可见的stroke时,破折号的渐进式绘制随处可见,但是一旦没有,Firefox就不会显示任何内容。当最初显示该行时,我仍然可以为其设置动画,隐藏它(通过将stroke设置为none)并再次显示它。

在检查器中切换CSS属性(导致元素重绘)然后将其捕捉到视图中。

浏览器错误,或者我做错了/愚蠢的事情?解决方法的想法?

0 个答案:

没有答案