1

据我了解，诸如缩放之类的 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>
4

1 回答 1

4

当然，设置 vector-effect="non-scaling-stroke" 这将适用于 Opera、Chrome、Safari 和 Firefox。这里有一个例子。

于 2013-08-23T20:34:29.437 回答