Canvas miterLimit Eigenschaft

Canvas-Referenzhandbuch

Definition und Verwendung

miterLimit Eigenschaft setzt oder gibt die maximale Länge des Schräganschlusses zurück.

Die Länge des Schräganschlusses bezieht sich auf den Abstand zwischen Innen- und Außenwinkel am Kreuzungspunkt von zwei Linien.

Hinweis:Nur wenn das Attribut lineJoin "miterwird, ist miterLimit gültig.

Je kleiner der Winkel des Eckes ist, desto größer wird die Länge des Schräganschlusses.

Um eine zu lange Länge des Schräganschlusses zu vermeiden, können wir das Attribut miterLimit verwenden.

Wenn die Länge des Schräganschlusses über den Wert von miterLimit hinausgeht, wird der Eckwinkel im "bevelTyp angezeigt (Abbildung 3):

Beispiel

Zeichnen Sie eine Linie mit der maximalen Schräganschlusslänge von 5:

Ihr Browser unterstützt das Canvas-Tag nicht.

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

Probieren Sie es selbst aus

Syntax

context.miterLimit=number;

Attributswert

Wert Beschreibung
number

Positiv. Definiert die maximale Länge des Schräganschlusses.

Wenn die Länge des Schräganschlusses über den Wert von miterLimit hinausgeht, wird der Eckwinkel im "bevel"-Typ von lineJoin angezeigt.

Technische Details

Standardwert: 10

Browser-Unterstützung

Die in der Tabelle angegebenen Zahlen geben die Versionsnummer des ersten Browsers an, der diese Eigenschaft vollständig unterstützt.

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

Anmerkung:Internet Explorer 8 und frühere Versionen unterstützen das <canvas>-Element nicht.

Canvas-Referenzhandbuch