HTML canvas miterLimit egenskab
Definition og brug
miterLimit Indstil eller returner maksimal skråkantlængde.
Skråkantlængde refererer til afstanden mellem den indre og ydre vinkel ved skæringen af to linjer.
Tip:Kun når lineJoin-egenskaben er "skråkant" er gyldig.
jo mindre hjørnevinklen er, jo større vil skråkantlængden blive.
For at undgå for lang skråkantlængde kan vi bruge miterLimit-egenskaben.
Hvis skråkantlængden overstiger værdien af miterLimit, vil hjørnerne blive forbundet med lineJoin-egenskabets "skråkant"Typ" til at vise (forklaring 3):
Eksempel
Tegn linjer med maksimal skråvinkel 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();
Syntaks
context.miterLimit=number;
Attributværdi
| Værdi | Beskrivelse |
|---|---|
| number |
Positivt. Angiver maksimal skrålængde. Hvis skrålængden overstiger værdien af miterLimit, vises hjørnerne med lineJoin-typen "bevel". |
Tekniske detaljer
| Standardværdi: | 10 |
|---|
Browserunderstøttelse
Tal i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Bemærk:Internet Explorer 8 og tidligere versioner understøtter ikke <canvas>-elementet.
