CSS | stroke-miterlimit 属性

stroke-miterlimit属性用于控制线段交汇处的尖锐程度，仅适用于使用 stroke-linejoin: miter 时。该属性的值必须是非负数，表示如果两条路径流连在一起时，其尖锐交汇点的最大长度。

语法

stroke-miterlimit: number;

属性值

• number：非负数，表示线段交汇处的尖锐程度。

初始值

4

继承性

不可继承。

取值范围

任意非负数。

版本

SVG1.1增补

参考文献

1. SVG 1.1 (Second Edition) Specification

示例

/* 明确指定了 miter-limit */
line {
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 3;
  stroke-width: 10;
}
/* 可省略的 miter-limit */
line {
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-width: 10;
}

以上代码示例是使用了 stroke-miterlimit 属性来定义线段的尖锐交汇点的最大长度。在第一个示例中，设置明确的 miter-limit 值为 3，使得线段交汇点更加尖锐。在第二个示例中，不设置 miter-limit 值，默认值为 4。