例
繪製的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 | 4 | 9 | 3.6 | 4 | 10.1 |
定義和用法
的miterLimit分別屬性設置或返回的最大斜切長度。
斜接長度是內眼角和外眼角，其中兩行滿足之間的距離。
Tip:該miterLimit分別屬性只能如果lineJoin屬性是"miter" 。
斜接長度逐漸變大的拐角的角度變小。
為了防止過長斜接長度，我們可以使用miterLimit屬性。
如果斜切長度超過miterLimit分別值，角將顯示為lineJoin型"bevel" (Fig 3)
| 默認值： | 10 |
|---|---|
| JavaScript語法： | context .miterLimit= number ; |
屬性值
| 值 | 描述 | 播放 |
|---|---|---|
| number | 正數，指定的最大斜接長度。 如果當前的斜切長度超過miterLimit分別，角將顯示為lineJoin "bevel" | 播放 ” |
<畫布對象