Vlastnost HTML canvas miterLimit

❮ HTML Canvas Reference

Příklad

Nakreslete čáry s maximální délkou pokosu 5:

Váš prohlížeč nepodporuje HTML5canvatag.

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 Yes 9.0 Yes Yes Yes

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.

Obrázek limitu pokosu 1

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):

Obrázek limitu pokosu 2
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"

❮ HTML Canvas Reference