Canvas miterLimit-eegenskab
Definition og brug
miterLimit Indstiller eller returnerer maksimal skærlængde.
Skærlængde refererer til afstanden mellem den indre og ydre vinkel ved krydsningen af to linjer.
Tip:Kun når lineJoin-eegenskaben er "miterer, er miterLimit gyldig.
Jo mindre kantvinklen er, jo større bliver skærlængden.
For at undgå for lang skærlængde kan vi bruge miterLimit-eegenskaben.
Hvis skærlængden overstiger værdien af miterLimit, vises kantvinklen med lineJoin's "bevelvises med (Figur 3):
Eksempel
Tegn en linje med maksimal skærlængde på 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 tal. Angiver maksimal skærlængde. Hvis skærlængden overstiger værdien af miterLimit, vises kantvinklen med lineJoin's "bevel"-type. |
Tekniske detaljer
| Standardværdi: | 10 |
|---|
Browser support
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.
