Building a Dynamic Polyline in SVG and Animating with Greensock скачать в хорошем качестве

Building a Dynamic Polyline in SVG and Animating with Greensock

Chris shows how to create an SVG polyline using JavaScript and then animate it using Greensock. Here's the finished animation: https://codepen.io/chrisgannon/pen/KK... You only need the following: Greensock 3.x library — https://cdnjs.com/libraries/gsap Note: I've added a few little extras to the finished pen for you to explore (like animating the dotted line and adding a seek(x) call to ensure the animation is in full swing immediately). Also because of some old mobile browser limitations, you can't animate poly.points. I will post a workaround soon. You can find me here: Twitter:   / chrisgannon   Insta:   / chrisgannon   Codepen: http://codepen.io/chrisgannon/ Dribbble: https://dribbble.com/chrisgannon LottieFiles: https://www.lottiefiles.com/chrisgannon I hope you find this informative - feel free to find me on Twitter and show me what you made!