SVG stroke-width 属性

SVG 中的 stroke-width 属性用于定义路径的边框宽度。该属性适用于任何具有描边属性的图形元素，如线条、矩形、圆等。

语法

stroke-width 属性的语法如下：

<svg>
  <element stroke-width="number" />
</svg>

其中，number 表示边框宽度的数值。可以为正数或 0，单位为像素或任何支持的长度单位。

示例

以下示例演示如何在 SVG 中使用 stroke-width 属性：

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
  <rect x="10" y="10" width="80" height="80" stroke="black" stroke-width="2" fill="none" />
</svg>

该示例创建了一个 100 x 100 的 SVG 元素，并在其中创建了一个宽、高均为 80 像素的矩形，其边框为黑色、宽度为 2 像素。

注意事项

• stroke-width 属性的默认值为 1。
• 如果设置了 stroke 属性但未设置 stroke-width 属性，则边框宽度仍然为 1。
• 可以将 stroke-width 属性设置为 0，以使路径不显示边框。

总结

stroke-width 属性是 SVG 中用于定义路径边框宽度的重要属性之一。通过该属性，您可以定义任何具有描边属性的图形元素的边框宽度，使其更加美观和具有良好的视觉效果。