Morph Transitioning

[Bayramito]

What is the proper way to make morph transitioning in Skia ?

https://www.youtube.com/watch?v=dH1EEGLXwOM&t=2s
here @william-candillon done it in 5min but I wonder how this would look like in Skia

[wcandillon]

The paths are giving here: https://github.com/wcandillon/can-it-be-done-in-react-native/blob/master/bonuses/svg-path-morphing/App.tsx

You can build a path from SVG notation using MakeFromSVGString.
From there the interpolation is done via interpolate. We have a great example for it in the example project: https://github.com/Shopify/react-native-skia/tree/main/example/src/Examples/Graphs

[Bayramito]

But is this method working on static paths like these?

My goal is to convert a path from this:
// M0 0H375V69H0V0Z

to this via an translateY value (shared value)
// M15 6C6.71573 6 0 12.7157 0 21V75H375V21C375 12.7157 368.284 6 360 6H234C225.716 6 219 12.7157 219 21V52C219 57.5228 214.523 62 209 62H166C160.477 62 156 57.5228 156 52V21C156 12.7157 149.284 6 141 6H15Z

or i should just draw my own drawing with Skia.Make ?