例
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.0 | 9.0 | 3.6 | 4.0 | 10.1 |
定義と使用法
miterLimitのプロパティセットまたは最大マイター長さを返します。
マイター長さは、内側コーナーと2つのライン満たす外側コーナーの間の距離です。
Tip: miterLimitのプロパティは、場合にのみ機能しlineJoin属性がある"miter" 。
コーナーの角度が小さくなるようマイター長が大きく成長します。
長すぎるからマイター長さを防ぐために、我々は、miterLimitのプロパティを使用することができます。
マイター長がmiterLimitの値を超えた場合、コーナーたlineJoinタイプとして表示され"bevel" (Fig 3)
| デフォルト値： | 10 |
|---|---|
| JavaScriptシンタックス： | context .miterLimit= number ; |
プロパティ値
| 値 | 説明 | それを再生します |
|---|---|---|
| number | 最大マイターの長さを指定する正の数。 現在マイター長がmiterLimitのを超える場合は、コーナーがたlineJoinとして表示されます"bevel" | それを再生します» |
<Canvasオブジェクト