如果两条线交汇在一起形成一个尖角,而且属性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 |
规范文档 | SVG 1.1 (2nd Edition) |
- <miterlimit>
- 对斜角长度与
stroke-width
的比率的限制。<miterlimit>的值必须是一个大于或等于1的<number>。
示例
元素
下列元素可以使用stroke-miterlimit
属性: