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

Popular posts from this blog

java - Run a .jar on Heroku -

java - Jtable duplicate Rows -

validation - How to pass paramaters like unix into windows batch file -