Vlastnost HTML canvas miterLimit
Příklad
Nakreslete čáry s maximální délkou pokosu 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();
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
miterLimit | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definice a použití
Vlastnost miterLimit nastavuje nebo vrací maximální délku pokosu.
Pokosová délka je vzdálenost mezi vnitřním rohem a vnějším rohem, kde se setkávají dvě čáry.
Tip: Vlastnost miterLimit funguje pouze v případě, že atribut lineJoin je "miter".
Délka pokosu se zvětšuje s tím, jak se zmenšuje úhel rohu.
Aby délka pokosu nebyla příliš dlouhá, můžeme použít vlastnost miterLimit.
Pokud délka pokosu překročí hodnotu limitu pokosu, roh se zobrazí jako typ spoje čáry „úkos“ (obr. 3):
Výchozí hodnota: | 10 |
---|---|
Syntaxe JavaScriptu: | kontext .miterLimit = číslo ; |
Hodnoty vlastností
Value | Description | Play it |
---|---|---|
number | A positive number that specifies the maximum miter length. If the current miter length exceeds the miterLimit, the corner will display as lineJoin "bevel" |
❮ Objekt plátna