SVG虚线动画

Question

我从 codepen 获得 svg 线条动画。它有 3 行动画。两条虚线动画和一条实线动画。我想要带有笔划的实线动画。我试图使笔触变实线到虚线，但没有得到动画。虚线动画可见，实线动画在圆移动时可见。

"http://codepen.io/mattsince87/pen/snqLy"

Answer 1

标准的“模拟线条绘制”动画是一种使用虚线模式工作的技巧。因此，您不能使用它来绘制已经虚线。

您可以做的最好的解决方法是用与背景颜色相同的实线覆盖虚线。然后为顶部实线的“取消绘制”设置动画以显示下面的虚线。