Canvas miterLimit 属性
示例
绘制最大斜接长度为 5 的线条
JavaScript
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.lineWidth = 10;
ctx.lineJoin = "miter";
ctx.miterLimit = 5;
ctx.moveTo(20, 20);
ctx.lineTo(50, 27);
ctx.lineTo(20, 34);
ctx.stroke();
自己尝试 »
描述
The miterLimit 属性设置或返回最大斜接长度。
The miterLimit 属性用于防止斜接长度过长。
The miterLimit 属性仅在 lineJoin 属性为 "miter" 时有效。
默认值为 10。
斜接长度是两条线交汇处的内角和外角之间的距离。
随着角的角度变小，斜接长度会越来越大。
如果斜接长度超过 miterLimit 值，则角将显示为 lineJoin 类型 "bevel" (图 3)
语法
| context.miterLimit = number |
属性值
| 值 | 描述 | Play it |
|---|---|---|
| number | 最大斜接长度。如果斜接长度超过 miterLimit，则角将显示为 lineJoin "bevel"。 | Play it » |
浏览器支持
The <canvas> 元素是 HTML5 标准 (2014)。
miterLimit 在所有现代浏览器中都受支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
❮ Canvas 参考
