stroke-miterlimit
当两条线段以尖锐的角度相交并且miter已经指定了接缝时stroke-linejoin，斜接线可能远远超出划线的厚度。在stroke-miterlimit强加给斜切长度到的比率的限制stroke-width。超出限制时，连接将从斜接转换为斜角。
斜角长度（斜角的外侧尖端与内侧尖角之间的距离）to stroke-width与用户空间中的分段之间的角度（θ）直接相关，由以下公式确定：
miterLength / stroke-width = 1 / sin ( theta / 2 )例如，1.414的斜接极限将斜角转换为小于90度的斜角，4.0的极限将它们转换为小于约29度的θ，并且10.0的极限将它们转换为小于约11.5度的θ。
用法说明
分类 | 呈现属性 |
|---|---|
值 | <miterlimit> | 继承 |
初始值 | 4 |
动画 | 是 |
规范性文件 | SVG 1.1（第二版） |
<miterlimit>斜接长度与长度之比的限制stroke-width。<miterlimit>的值必须是大于或等于1的<number>。
例子
<?xml version="1.0"?>
<svg width="120" height="500"
? ? ?viewBox="0 0 120 500" version="1.1"
? ? ?xmlns="http://www.w3.org/2000/svg">
? ? <polyline stroke-linejoin="miter"
? ? ? ? ? ? ? stroke-miterlimit="6"
? ? ? ? ? ? ? points="-20,500 60,60 140,500"
? ? ? ? ? ? ? stroke="black"?
? ? ? ? ? ? ? stroke-width="15"
? ? ? ? ? ? ? fill="none" />
? ? <polyline stroke-linejoin="miter"
? ? ? ? ? ? ? stroke-miterlimit="5"
? ? ? ? ? ? ? points="-20,700 60,260 140,700"
? ? ? ? ? ? ? stroke="black"?
? ? ? ? ? ? ? stroke-width="15"
? ? ? ? ? ? ? fill="none" />
? ? <path d="M-20,500 L60,60 L140,500?
? ? ? ? ? ? ?M-20,700 L60,260 L140,700"
? ? ? ? ? stroke="white" fill="none" />
</svg>Live sample
元素
The following elements can use the stroke-miterlimit attribute
- Shape elements ?
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
