SVG Stroke 属性

在 SVG 中，Stroke 属性用于定义图形的边框样式。可以设置颜色、宽度、透明度等属性来定制边框的样式。

设置颜色

可以使用 stroke 属性来设置边框的颜色。可以使用颜色名称、十六进制值或 RGB 值来定义颜色。

示例代码：

<svg width="100" height="100">
  <rect x="10" y="10" width="80" height="80" stroke="red" />
</svg>

设置宽度

可以使用 stroke-width 属性来设置边框的宽度。可以设置具体的像素值或百分比值。

示例代码：

<svg width="100" height="100">
  <rect x="10" y="10" width="80" height="80" stroke="black" stroke-width="2" />
</svg>

设置透明度

可以使用 stroke-opacity 属性来设置边框的透明度。取值范围为 0 到 1，0 表示完全透明，1 表示完全不透明。

示例代码：

<svg width="100" height="100">
  <rect x="10" y="10" width="80" height="80" stroke="blue" stroke-opacity="0.5" />
</svg>

设置线型

可以使用 stroke-dasharray 属性来设置边框的线型。可以设置虚线、点线等不同的线型。

示例代码：

<svg width="100" height="100">
  <rect x="10" y="10" width="80" height="80" stroke="green" stroke-dasharray="5,5" />
</svg>

以上就是 SVG Stroke 属性的介绍，通过设置不同的属性值，可以定制出各种各样的边框样式。