在线文档教程
SVG
属性 | Attributes

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 »