stroke-linejoin
stroke-linejoin
该stroke-linejoin属性指定在描边时在路径或基本形状的拐角处使用的形状。
作为一个表现属性，它也可以直接在CSS样式表中作为属性使用。
注意：miter选项的最终出现也受stroke-miterlimit属性的影响。
用法说明
| Categories | Presentation attribute |
|---|---|
| Value | miter | round | bevel | inherit |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition) |
例子
<?xml version="1.0"?>
<svg width="120" height="300"
viewBox="0 0 120 300" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<polyline stroke-linejoin="miter"
points="-20,115 60,40 140,115"
stroke="black" stroke-width="40"
fill="none" />
<polyline stroke-linejoin="round"
points="-20,200 60,125 140,200"
stroke="black" stroke-width="40"
fill="none" />
<polyline stroke-linejoin="bevel"
points="-20,285 60,210 140,285"
stroke="black" stroke-width="40"
fill="none" />
<path d="M-20,115 L60,40 L140,115 M-20,200 L60,125 L140,200 M-20,285 L60,210 L140,285"
stroke="white" fill="none" />
</svg>
Live sample
元素
The following elements can use the stroke-linejoin attribute
- Shape elements »
- Text content elements »
有关
- stroke-miterlimit
