Canvas miterLimit egenskap

Canvas-referenshandbok

Definition och användning

miterLimit Ställer in eller returnerar den maximala skärningslängden.

Skärningslängd är avståndet mellan inre och yttre vinklar vid skärningspunkten mellan två linjer.

Tips:Endast när lineJoin-egenskapen är "miterär aktiv.

ju mindre vinkeln vid kantvinkeln är, desto längre blir skärningslängden.

För att undvika att skärningslängden blir för lång, kan vi använda miterLimit-egenskapen.

Om skärningslängden överstiger värdet för miterLimit, kommer kantvinkeln att visas med lineJoin som "bevelTyp att visa (bild 3):

Exempel

Rita linjer med maximal skärningslängd 5:

Din webbläsare stöder inte canvas-taggen.

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();

Prova själv

Syntaks

context.miterLimit=number;

Egenskapsvärde

Värde Beskrivning
number

Positivt tal. Ställer in den maximala skärningslängden.

Om skärningslängden överstiger värdet för miterLimit, kommer kantvinkeln att visas med "bevel"-typ för lineJoin.

Tekniska detaljer

Standardvärde: 10

Webbläsarstöd

Tal i tabellen anger den första webbläsarversion som helt stöder detta egenskap.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Kommentar:Internet Explorer 8 och tidigare versioner stöder inte <canvas>-elementet.

Canvas-referenshandbok