SVG仅在路径坐标上变换而不是线和厚度

Question

据我所知，svg转换如缩放应用于整个svg对象，即。不仅是矢量点，还包括线的粗细和宽度。即一个`transform =“scale（10）”操作意味着线宽比没有这个变换厚10倍。

有没有办法将这种转换仅应用于路径的顶点？我想保持一致的路径宽度。

假设我有以下SVG文件：

<?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>

Answer 1

当然，设置vector-effect =“non-scaling-stroke”这适用于Opera，Chrome，Safari和Firefox。有example here。