キャンバスミッターリミット属性
定義と用法
ミッターリミット 属性設定または最大ミッター長さを返します。
ミッター長さは、2本の線が交差する場所の内角と外角の間の距離を指します。
ヒント：ラインジョイン属性が「」の場合にのみ、ミッターの場合、ミッターリミットが有効です。
端角の角度が小さいほど、ミッター長さは大きくなります。
ミッター長さが長すぎるのを避けるために、ミッターリミット属性を使用できます。
ミッター長さがミッターリミットの値を超えると、端角はラインジョインの「」で表示されます。ビェルのタイプで表示します（図解 3）：
例
最大ミッター長さ 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 |
正の数。最大ミッター長さを定義します。 ミッター長さがミッターリミットの値を超えると、端角はラインジョインの「ビェル」タイプで表示されます。 |
技術的な詳細
| デフォルト値： | 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> 要素をサポートしていません。
