MorphSVG, traslate figure when animate

[alessiopaoletti]

Hi,

I have 2 svgs and when I click I want it to switch from one to the other, but when it does, it also moves the figure, how can I make it stay in the same place?

 

See the Pen yyBjOeJ?editors=1010 by alessio-paoletti (@alessio-paoletti) on CodePen.

[PointC]

Morph will take on the position properties of a new target as well. 

 

You'll need to create your objects at the same position in your vector software.

 

As with all things SVG, it comes down three things.

1. Artwork prep

2. Artwork prep

3. Artwork prep

 

Your life really will be easier with any SVG animation if the extra time is taken in your vector app.

 

Happy tweening.