Can motionpath add a unit conversion?

[DanielLin0516]

The unit I need is rem

[DanielLin0516]

But I see that when gsap is converted into translate3d attribute, it is px

[jackdoyle]

@DanielLin0516 can you please provide a minimal demo, like a CodePen, that clearly illustrates the problem you're trying to solve?

[DanielLin0516]

Sorry, I don't have
motionPath Cannot adapt to different phone sizes when i only have path input like(I am not using svg html element)
motionPath: {
path: 'Mxxxxx',
align: element,
autoRotate: true,
alignOrigin: [0.5, 0.5],
},
because gsap is converted into translate3d attribute, it is px

but when i use svg html element ,giving it the appropriate size and the curve path is adaptive to mobile phones

[jackdoyle]

It's very difficult to help you without a minimal demo that clearly illustrates the issue. I don't think what you're asking for is necessary or even possible due to many reasons. If you need a responsive path, there are many other ways to do it. Again, if you'd like more assistance, please provide a minimal demo as a CodePen. For example, here's one that uses MotionPath that you can just fork: https://codepen.io/cassie-codes/pen/mdddaRG?editors=0010

Often it's just a matter of making your SVG responsive, and then set up a debounced "resize" handler that then re-creates your animation based on the new size. gsap.context() might make it very easy for you.