Canvas miterLimit-eigenschap
Definitie en gebruik
miterLimit Eigenschap instellen of retourneren van de maximale miterlengte.
De miterlengte is de afstand tussen de binnenvoeging en de buitenvoeging van de hoek waar twee lijnen samenkomen.
Tip:Alleen wanneer de lineJoin-eigenschap "miteris, dan is miterLimit geldig.
hoe kleiner de hoek van de hoekrand, hoe groter de miterlengte.
Om de miterlengte te verminderen, kunnen we de miterLimit-eigenschap gebruiken.
Als de miterlengte groter is dan de waarde van miterLimit, wordt de hoekrand weergegeven in de "bevelweergegeven in (figuur 3):
Voorbeeld
Teken van een lijn met de maximale miterlengte van 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();
Syntaxis
context.miterLimit=number;
Eigenschapswaarde
| Waarde | Beschrijving |
|---|---|
| number |
Positief getal. Stelt de maximale miterlengte in. Als de lengte van de miter groter is dan de waarde van miterLimit, wordt de hoekrand weergegeven in de "bevel"-type van lineJoin. |
Technical details
| Default value: | 10 |
|---|
Browser support
The numbers in the table indicate the first browser version that fully supports this property.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Note:Internet Explorer 8 and earlier versions do not support the <canvas> element.
