减少svg图像的厚度(箭头)

时间:2019-05-22 19:30:06

标签: html css svg

我正在尝试减小箭头SVG图像的厚度。我尝试了使用stroke =“ grey” stroke-width =“-10”。当更改stroke-width的值时,它只是增加了厚度而没有减小。

<svg fill="#808080" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
    <path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z" stroke="grey" stroke-width="-10"/>
    <path d="M0-.25h24v24H0z" fill="none"/>
</svg>

1 个答案:

答案 0 :(得分:0)

证明这一点的最佳方法是使用gif。 enter image description here

该形状的宽度最小,增大该宽度将导致形状变粗。

但是,正如Paulie_D所说:

  

图像的大小不是由笔触决定的...而是   路径

实际减小宽度的唯一方法是在矢量编辑器(例如Inkscape)中修改路径。单击左侧的第二个工具(或按F2键)将在拐角处显示框。可以拖动这些框以使形状更薄。