SVG transform only on path coordinates not lines and thickness -
as understand, svg transformations such scaling apply whole svg object, i.e. not vector-points, thickness , width of lines. i.e. `transform= "scale(10)" operation means, line width 10 times thicker without transform.
is there way apply such transformation vertices of paths only? keep consistent path widths.
lets have following svg file:
<?xml version="1.0" encoding="utf-8"?> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" xmlns="http://www.w3.org/2000/svg" > <polygon transform="scale(10) translate(100,100)" style=" fill: rgba(255,255,255,0); stroke: black; " points=" 100.0,0.0 49.99999999999997,86.60254037844388 -49.99999999999998,86.60254037844388 -100.0,1.2246467991473532e-14 -49.999999999999964,-86.60254037844388 49.999999999999936,-86.6025403784439 100.0,-2.4492935982947064e-14" /> </svg>
sure, set vector-effect="non-scaling-stroke" work on opera, chrome, safari , firefox. there's example here.
Comments
Post a Comment