Atributo ng Canvas miterLimit
Paglilinaw at paggamit
miterLimit Ating itaas o ibabaw ang pinakamataas na haba ng miter.
Ang haba ng miter ay ang distansya sa pagitan ng sulok ng loob at labas ng dalawang linya sa pagkakasambung.
Paalala:Lamang kapag ang halaga ng lineJoin ay naging 'miterkapag nagiging '
Ang mas maliit na ang angle ng sulok ng gilid, mas malaki ang haba ng miter.
Upang maiwasan ang haba ng miter na mahaba, maaari naming gamitin ang atributo na miterLimit.
Kung ang haba ng miter ay higit sa halaga ng miterLimit, ang gilid na sulok ay magpapakita sa uri ng 'bevelang uri na ito sa (Gawa 3):
Eksemplo
Ipipinta ang linya sa pinakamataas na haba ng miter na 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();
Mga pangunahing panauhan
context.miterLimit=number;
Halagang atributo
| Halaga | Paglalarawan |
|---|---|
| number |
Positibong numero. Tinitiwalag ang pinakamataas na haba ng miter. Kung ang haba ng miter ay higit sa halaga ng miterLimit, ang gilid na sulok ay magpapakita sa uri ng 'bevel' ng lineJoin. |
技术细节
| 默认值： | 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> 元素。
