Animating SVG Vertices?

[Epiphron 0 Likes (Newbie)]

Hi all, I'm quite new to GSAP, but I'm really enjoying using it!

 

I'd like to animate the anchor points on a path in an svg image, is this possible using TweenMax or a plugin?

 

I've found another library (Two.js - https://jonobr1.github.io/two.js/examples/morph.html), which does this quite nicely, but I wanted to see if I could use TweenMax as an alternative.

 

Thanks in advance!

[Diaco 1,948 Likes (Superhero)]

Hi Epiphron 

 

already there isn't a GSAP official Plugin for SVG path morphing , but you can use snap.svg and control progress of a Snapsvg tweens with GSAP to use in GSAP Timelines or whatever .

 

pls check this post for more info : http://greensock.com/forums/topic/11381-tween-path-with-same-number-of-points-to-different-shape/

 

 

[Epiphron 0 Likes (Newbie)]

Ah ok, that's great! Thanks for the link.