애니메이션 SVG 요소를 순차적으로 표시

Question

나는 간단한 벡터지도 이미지가있는 사이트를 가지고 있으며 뷰어로 차례 차례 표시되는 선을 그리려하고 있습니다.

나는 이것을 멀리 보았다.

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

하지만 라인 하나 하나를 표시하는 방법을 알아낼 수 없습니다.

Btw, 나는 또한 superscrollorama를 사용하는 데 어려움을 겪고 있습니다.

모든 리드를 고맙게 생각합니다.

Answer 1

SMIL을 사용하여 SVG에 애니메이션을 적용 할 수 있습니다. 는 "체인"효과가 이전 요소 애니메이션 후 각 요소에

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

을 설정하려면 중위 https://developer.mozilla.org/en-US/docs/Web/SVG/SVG_animation_with_SMIL