例
绘制的5最大斜接长度线：
JavaScript的：
var c=document.getElementById("myCanvas");
var ctx=c.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(); 试一试» 浏览器支持
在表中的数字规定，完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| miterLimit | 是 | 9 | 是 | 是 | 是 |
定义和用法
该miterLimit分别属性设置或返回的最大斜接长度。
斜切长度内眼角和外眼角，其中两行满足之间的距离。
提示：miterLimit分别属性只能当lineJoin属性是"miter" 。
斜接长度逐渐变大的转角的角度变小。
为了避免过长的斜接长度，我们可以使用miterLimit属性。
如果斜切长度超过miterLimit分别值，角将显示为lineJoin型"bevel" （图3）：
| 默认值： | 10 |
|---|---|
| JavaScript语法： | context.miterLimit=number; |
属性值
| 值 | 描述 | 播放 |
|---|---|---|
| number | 正数，指定的最大斜接长度。 如果当前的斜接长度超过miterLimit分别，边角将显示为lineJoin "bevel" | 播放 ” |