例
繪製的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" | 播放 ” |