Beispiel
Zeichnen von Linien mit der maximalen Gehrung Lä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 | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definition und Verwendung
Die miterLimit Eigenschaftssätze oder gibt die maximale Gehrung Länge.
Die Gehrung Länge ist der Abstand zwischen der Innenecke und der Außenecke, wo zwei Linien treffen.
Tip: Die miterLimit Eigenschaft funktioniert nur , wenn das lineJoin Attribut "miter" .
Die Mitra Länge wird größer als der Winkel der Ecke kleiner wird.
Um die Mitra Länge zu verhindern zu lang ist, können wir die miterLimit Eigenschaft verwenden.
Wenn die Länge der Gehrung miterLimit Wert überschreitet, wird die Ecke als lineJoin Typ angezeigt werden "bevel" (Fig 3) :
| Standardwert: | 10 |
|---|---|
| JavaScript-Syntax: | context .miterLimit= number ; |
Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| number | Eine positive Zahl, die die maximale Länge auf Gehrung angibt. Wenn die aktuelle Gehrung Länge der miterLimit überschreitet, wird die Ecke als lineJoin Anzeige "bevel" | Spiel es " |
<Canvas Object