Animating/Morphing custom path

[stubbies]

Will Moj in the future have the ability to animate svg paths? Similar to <animate or Snap.svg.

[legomushroom]

@Errvald hi, thanks for the issue! What do you mean under animate a path? Animate an object along a path, or animate path's strokeDash properties?

[stubbies]

I have this svg icon:

I'm trying to animate the opening of the envelope, so far I've tried with css to rotate or scale, it works but at certain angles the stroke looks flat and can cause flickering.

Morphing doesn't affect the thickness of the stroke.

A more simple example would be the transition from a star symbol to a box.

[legomushroom]

@Errvald makes sense, thanks, so you want to add morph. Might be a good feature to add next, let me ponder about it. For this simple case, you have few variants with mojs:

• use shape zigzag and then chain to flip the color codepen example
• hook right into the path coordinates of your path codepen example

Hope it helps!