画布 lineJoin 属性
示例
在两条线交汇处创建一个圆角
JavaScript
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.lineJoin = "round";
ctx.moveTo(20, 20);
ctx.lineTo(100, 50);
ctx.lineTo(20, 100);
ctx.stroke();
自己试试 »
描述
该 lineJoin 属性设置或返回当两条线交汇时创建的拐角类型。
合法值：bevel、round 和 miter（默认）。
注意
"miter" 值受 miterLimit 属性影响。
另请参见
lineCap 属性（设置端帽）
lineJoin 属性（设置连接帽）
lineWidth 属性（设置连接帽）
fillStyle 属性（设置填充颜色/样式）
strokeStyle 属性（设置描边颜色/样式）
语法
| context.lineJoin = "bevel|round|miter" |
属性值
| 值 | 描述 | 播放它 |
|---|---|---|
| bevel | 创建一个斜角 | 播放它 » |
| round | 创建一个圆角 | 播放它 » |
| miter | 默认。创建一个尖角 | 播放它 » |
浏览器支持
该 <canvas> 元素是 HTML5 标准 (2014)。
lineJoin 在所有现代浏览器中都受支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
❮ 画布参考
