stroke-miterlimit

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

如果两条线交汇在一起形成一个尖角,而且属性 stroke-linejoin 指定了 miter,斜接有可能扩展到远远超过出路径轮廓线的线宽。属性 stroke-miterlimit 对斜接长度和 stroke-width 的比率强加了一个极限。当极限到达时,交汇处由斜接变成倒角。

斜接长度(斜接的外尖角和内夹角之间的距离)与 stroke-width 的比率,直接跟两条线之间的角度(θ)有关,用如下方程表示:

miterLength / stroke-width = 1 / sin ( theta / 2 )

举个例子,一个极限为 1.414 斜接,θ 小于 90 度的把斜接会转换成倒角,一个极限为 4.0 的斜接,θ 小于 29 度的斜接会转换成倒角,一个极限为 10.0 的斜接,θ 小于大约 11.5 度的斜接会转换成倒角。

使用上下文

类别 外观属性
<miterlimit> | inherit
初始值 4
可动性 Yes
<miterlimit>

对斜角长度与stroke-width的比率的限制。<miterlimit>的值必须是一个大于或等于 1 的<number>

示例

元素

下列元素可以使用stroke-miterlimit属性:

规范

Specification
Scalable Vector Graphics (SVG) 2
# StrokeMiterlimitProperty