SVG Stroke 属性

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

设置颜色

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

示例代码:

---- ----------- -------------
  ----- ------ ------ ---------- ----------- ------------ --
------

设置宽度

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

示例代码:

---- ----------- -------------
  ----- ------ ------ ---------- ----------- -------------- ---------------- --
------

设置透明度

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

示例代码:

---- ----------- -------------
  ----- ------ ------ ---------- ----------- ------------- -------------------- --
------

设置线型

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

示例代码:

---- ----------- -------------
  ----- ------ ------ ---------- ----------- -------------- ---------------------- --
------

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


上一篇:SVG 文本
下一篇:SVG 滤镜