HTML リファレンスマニュアル

HTML タグ完全ガイド

HTML canvas miterLimit 属性

miterLimit は Canvas 2D API は接合面の限界比例を設定する属性です。属性の値を取得するときは、現在の値（デフォルト値は10.0 ）。属性に値を割り当てるとき、0、負の数、Infinity、およびNaNは無視されます；それ以外は新しい値に設定されます。

HTML canvas 参考マニュアル

オンラインサンプル

最大接合長さを描画します20の線：

例

<!DOCTYPE　html>
<html>
<head>
<title>HTML canvas miterLimit 属性の使用（基本チュートリアルウェブ oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3>
あなたのブラウザは HTML をサポートしていません5　canvas タグ。
</canvas>
<p>miterLimit を設定しようとしました　4(そして、接合長さが接合限界を超える場合、行が満たされると lineJoin ="bevel" として表示されます)。</p>
<script>
var　c=document.getElementById("myCanvas");
var　ctx=c.getContext("2d");
ctx.lineWidth=10;
ctx.lineJoin="miter";
ctx.miterLimit=20;
ctx.moveTo(20,20);
ctx.lineTo(50,27);
ctx.lineTo(20,34);
ctx.stroke();
</script>
</body>
</html>

テストをしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox、Opera、Chrome そして Safari は miterLimit 属性をサポートしています。

注意：Internet Explorer 8 及びその以前のバージョンでは、<canvas> 要素をサポートしていません。

定義と使用法

miterLimit 属性は、最大斜接長さを設定または返します。

斜接長さは、2本の線が交差する場所の内角と外角の間の距離を指します。

ヒント：lineJoin 属性が「miter」の場合のみ、miterLimit が有効です。

角の角度が小さいほど、斜接長さは大きくなります。

斜接長さを避けるために長すぎ、miterLimit 属性を使用できます。

斜接長さが miterLimit の値を超えた場合、角は lineJoin の「bevel」タイプで表示されます（Fig 3）：

デフォルト値：	10
JavaScript 文法：	context.miterLimit=number;

属性値

値	説明
number	正の数。最大斜接長さを指定します。斜接長さが miterLimit の値を超えた場合、角は lineJoin の「bevel」タイプで表示されます。

HTML canvas 参考マニュアル

HTML: <template> タグ