Using moveTo instead of reassigning the useValue path

[ronickg]

Okay so I got the path moving to work by reassinging a new skia path to the useValue with the new xPos. But now I wanted to try to get it to move by just calling the moveTo(x, 0) but that doesnt seem to have an effect. This if is called in the onActive from a touchhandler and is working. The xPos shows the correct value when dragging the path. Gif showing it in action: https://gyazo.com/a466ee59cd37131c39cd097a127eb687

        if (selectedTriangle.current === 0) {
          const xPos = Math.min(x, xMax);
          const newPath = trianglePath.current;
          newPath.moveTo(xPos, y);
          trianglePath.current = newPath;
        }

[ronickg]

Oh nevermind the moveTo is used for drawing. But is there another function which can be used to offset the path ?

[wcandillon]

yes you can apply a transform method to the path.
here is an example: https://github.com/software-mansion-labs/drawings-and-animations-workshop/blob/12ea6993bc3c16d6d92b73b9113b48f295addc86/src/Stickers/AppjsLogo.tsx#L26

[ronickg]

Great thx. When I am done with all the charts I am making. I'll be sharing them on github as examples to help everyone trying to use skia in react native as a thank you for the library and help. Currently even doing a gant chart with a brush to change the selection and working butter smooth. https://gyazo.com/fb23dd102cb131aa69a7cf458b9db1b8

[wcandillon]

that's a really cool effect, do you know of any app which implements such an effect?

[wcandillon]

This is fantastic, let's go 💪🏻