274
I have an SVG file which looks like this:
svg {
display: block;
outline: 1px solid #ccc;
overflow: visible;
}
<svg width="72.94" height="58.3">
<g transform="translate(11 -309)" >
<path
inkscape:connector-curvature="0"
d="M -10.3 345.4
c 0 -1.4 0.17 -2.9 0.5 -3.5625
c 0.7 -1.4 2.1 -2.8 3.6 -3.5
c 1.4 -0.7 2.1 -0.7 3.5 0"
/>
</g>
</svg>
I want to remove the transform attribute but still have my image stay where I've placed it (in InkScape).
If I manually remove the transform, the image zips to another part of the screen (as expected)
svg {
display: block;
outline: 1px solid #ccc;
overflow: visible;
}
<svg width="72.94" height="58.3">
<g >
<path
inkscape:connector-curvature="0"
d="M -10.3 345.4
c 0 -1.4 0.17 -2.9 0.5 -3.5625
c 0.7 -1.4 2.1 -2.8 3.6 -3.5
c 1.4 -0.7 2.1 -0.7 3.5 0"
/>
</g>
</svg>
but I need to get rid of the transform altogether and, at the same time, have the image stay exactly where I want it.
Is there a way to remove/flatten the transforms into the path coordinates themselves?
The