Morph multiple svg-s

[kpendic]

Hi, 

 

in my pen there is an issue with viewBox, or image are of multiple svgs (they are all different). If someone has idea how to make it so that dynamically all fit into (I've chosen first svg path) one viewBox .. ? (last two animals go into lower left corner?)

 

thank

See the Pen yrWLVZ?editors=1010 by kpendic (@kpendic) on CodePen

[PointC]

Morphs not only take on the shape of the new target, but also the position. I would assume the last two sets of paths are positioned in the lower left corner of the SVG. It would probably be easiest to go back to your vector software and move those groups to the middle with the rest.

 

Here's a a pen I made a few years ago that shows morphing to a new position.

See the Pen LGMaoa by PointC (@PointC) on CodePen

 

Happy tweening.

 

[kpendic]

You are right @PointC 

 

I had to go back to drawing software again, and fix outer size to fit all svg's.

 

thanks

[PointC]

Happy to help. Let us know if you have any more GSAP questions or problems. 

 

Happy tweening.