how to modify svg path data with transform matrix

Question

I have this path:

<path 
  d="M 7883.4635415 13741.015625 L 8147.5260415 14725.0" 
  transform="matrix(0.03,0,0,-0.03,0,842)"
/>

is it possible to somehow remove the transform and instead modify the points in the path (d="M 7883.4635415 13741.015625 L 8147.5260415 14725.0") directly? I want to animate an element along the path and the transform is causing some issues with offsets.

Answer 1

This article has good info:

https://css-tricks.com/svg-path-syntax-illustrated-guide/

You can change the path in css like this:

path
{
   d: path("M 7883.4635415 13741.015625 L 8147.5260415 14725.0")
}

To remove transform:

Remove applied CSS transformation

transform: unset;