MorphSVG not working as expected

[Green-Alpha]

Hi,

 

On the codepen you can see a lion that i want to morph using morhsvgplugin but when the transformation starts, the eye switch witch the nose...any idea to fix this ? is it possible to fix this ? If not, any idea to achieve it ?

 

Thanks

See the Pen OJVPQpd by Green-Alpha (@Green-Alpha) on CodePen.

[GreenSock]

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? 

[Green-Alpha]

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