KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
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
Tags (comma-separated)
Save Edits
Cancel