HTML canvas miterLimit attribute
Definition at Usage
miterLimit Ang setting ng attribute ay magbabalak at ibabalik ang pinakamataas na haba ng anggulo.
Ang haba ng anggulo ay ang distansya sa pagitan ng malalawak at malapit na sulok sa lugar kung saan ang dalawang linya ay umaapaw.
Paalam:Lamang kung ang lineJoin attribute ay "miter" ang miterLimit ay magiging epektibo.
Ang mas maliit ang angle ng sulok, ang mas mahaba ang haba ng anggulo.
Upang maiwasan ang haba ng anggulo na higit na mahaba, maaari naming gamitin ang attribute na miterLimit.
Kung ang haba ng anggulo ay hihigit sa halaga ng miterLimit, ang sulok ay magiging sulok sa lineJoin na "bevel" uri sa ipakita (Tuturang 3):
Sample
Ihanda ang linya sa pinakamataas na haba ng anggulo 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();
文法
context.miterLimit=number;
属性値
| 値 | 説明 |
|---|---|
| number |
正の数。最大の斜接長さを指定します。 miterLimit の値を超える斜接長さが指定された場合、角は lineJoin の「bevel」タイプで表示されます。 |
技術詳細
| デフォルト値： | 10 |
|---|
ブラウザサポート
テーブルの数字は、その属性を完全にサポートする最初のブラウザバージョンを示しています。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
注記：Internet Explorer 8 以前のバージョンでは <canvas> 要素をサポートしていません。
