I imported my own SVG successfully however the animation is incorrect. It draws a line from bottom to top and then redraws another line top to bottom over the top to create the end result. So I was wondering if it's possible to skip the first line, would I need to edit the SVG path directly? I'm exporting an outline path from Illustrator to SVG.
Hello,
I'm trying to create a line drawing animation following the example: http://prinzhorn.github.io/skrollr/examples/path.html
I imported my own SVG successfully however the animation is incorrect. It draws a line from bottom to top and then redraws another line top to bottom over the top to create the end result. So I was wondering if it's possible to skip the first line, would I need to edit the SVG path directly? I'm exporting an outline path from Illustrator to SVG.
Here's a fiddle that displays the animation by scrolling: https://jsfiddle.net/9x5n7oy1/