stroke-miterlimit
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 »