Jump to content
Search Community

MorphSVG not working as expected

Green-Alpha test
Moderator Tag

Recommended Posts

Sure, you can use the "map" special property in your morphSVG:

See the Pen c10ba0d2f298835d817366ce9edcf530 by GreenSock (@GreenSock) on CodePen


gsap.to('#face-c path', {
    duration : 5,
    morphSVG : {
      shape: data,
      map: "complexity" // <- here's the key

Sometimes you have to experiment a bit with some settings. The sub-segment matching is a tricky part of complex shape morphing that can't always be discerned through an algorithm. 


Does that help? 

  • Like 2
Link to comment
Share on other sites

I read a lot of the documentation but didn't read the entire morphsvg doc because it's really complex language and even with a translator it's hard to understand deeply what the doc say :) Especially this part it's technical ! It's hard to be french ^^


I discover new things every day because this engine is really big with many features and this one is very nice.


You rock ! Thanks

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...