Beispiel
Zeichnen von Linien mit der maximalen Winkellänge von 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(); Versuch es selber " Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| miterLimit | ja | 9.0 | ja | ja | ja |
Definition und Verwendung
Die miterLimit Eigenschaft legt liefert die maximale Gehrung Länge.
Die Mitra Länge ist der Abstand zwischen der inneren Ecke und der äußeren Ecke, wo zwei Linien treffen.
Tipp: Die miterLimit Eigenschaft funktioniert nur , wenn das lineJoin Attribut ist "miter" .
Die Mitra Länge wird größer als der Winkel der Ecke kleiner wird.
Um die Mitra Länge verhindern zu lang ist, können wir die miterLimit Eigenschaft verwenden.
Wenn die Mitra Länge der miterLimit Wert überschreitet, wird die Ecke als linejoin Typ angezeigt werden "bevel" (Bild 3):
| Standardwert: | 10 |
|---|---|
| JavaScript-Syntax: | context.miterLimit=number; |
Immobilienwerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| number | Eine positive Zahl, die die maximale Gehrung Länge angibt. Wenn die aktuelle Gehrung Länge der miterLimit überschreitet, wird die Ecke als linejoin Anzeige "bevel" | Spiel es " |