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