javascript - 按顺序显示动画 SVG 元素

Question

我有一个带有简单矢量地图图像的站点，我正在尝试在其上绘制线条，这些线条一个接一个地显示为查看器。

我已经走到了这一步；

http://codepen.io/anon/pen/aEFDw

但我不知道如何一一显示线条。

顺便说一句，我也在努力使用 superscrollorama。

我会很感激任何线索！

Answer 1

您可以使用 SMIL 为 SVG 设置动画。为了获得“连锁”效果，请设置

begin="0s" <!-- last animation End time -->

在上一个元素动画之后的每个元素上 https://developer.mozilla.org/en-US/docs/Web/SVG/SVG_animation_with_SMIL