HTML canvas miterLimit eigenschap
Definitie en gebruik
miterLimit Eigenschap instellen of retourneren van de maximale schuine lengte.
De schuine lengte is de afstand tussen de binnenvoeging en de buitenvoeging van de hoek waar de lijnen samenkomen.
Tip:Alleen als de lineJoin-eigenschap "miterals, miterLimit is effectief.
hoe kleiner de hoek van de hoek is, hoe groter de schuine lengte.
Om de schuine lengte te verminderen, kunnen we de miterLimit-eigenschap gebruiken.
Als de schuine lengte over de waarde van miterLimit uitgaat, zullen de hoeken worden verbonden met lineJoin van de "bevel"Type" om te weergeven (afbeelding 3):
Voorbeeld
Tekent lijnen met de maximale schuine lengte 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();
Syntax
context.miterLimit=number;
Attribute value
| Value | Description |
|---|---|
| number |
Positive number. Specifies the maximum miter length. If the miter length exceeds the value of miterLimit, the corner will be displayed with the lineJoin type "bevel". |
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.
