remove transform in motionpaths

[jsco]

I have a path that has a transform on it like this:

<path d="M 5794.010417 13741.015625 L 6057.942708 14725" transform="matrix(0.03,0,0,-0.03,0,842)" />

 

and I want to animate an element to move along this path. Unfortunately because of the transform there is an offset. Is there a way for me to remove the transform without moving the svg or a way to apply to the element that I'm moving aswell? 

 

See the Pen rNapKXz by jescowuester (@jescowuester) on CodePen

[elegantseagulls]

Hi @jsco,

 

I ran your svg through SVGOMG (https://jakearchibald.github.io/svgomg/), and that stripped the transform from the path, while keeping it in the same positioning.

 

Updated SVG is here:

See the Pen yLyKByw by ryan_labar (@ryan_labar) on CodePen

 

 

[GreenSock]

Another option is to use align, offsetX, and offsetY like this: 

See the Pen 516d888647ffedae2ea2e7eaf2ab7faa?editors=0010 by GreenSock (@GreenSock) on CodePen

[GreenSock]

Actually, the next release has a tweak that automatically handles this for you, so you can simply align: "#path". I've already updated the live codepen version of MotionPathPlugin which you can see in the last demo I posted.