Canvas miterLimit 屬性
示例
繪製線條，最大斜接長度為 5
JavaScript
const canvas = document.getElementById("myCanvas");
const ctx = canvas.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 屬性設定或返回最大斜接長度。
miterLimit 屬性用於防止斜接長度過長。
miterLimit 屬性僅在 lineJoin 屬性為 "miter" 時生效。
預設值為 10。
斜接長度是兩條線相交處內角和外角之間的距離。
斜接長度會隨著拐角角度的減小而增大。
如果斜接長度超過 miterLimit 值，拐角將顯示為 lineJoin 型別 "bevel"（圖 3）
語法
| context.miterLimit = number |
屬性值
| 值 | 描述 | 試一試 |
|---|---|---|
| 數字 | 最大斜接長度。如果斜接長度超過 miterLimit，拐角將顯示為 lineJoin "bevel"。 | 試一試 » |
瀏覽器支援
<canvas> 元素是 HTML5 標準（2014）。
miterLimit 支援所有現代瀏覽器
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
❮ Canvas 參考
