HTML Canvas miterLimit Eigenschaft

HTML5 Canvas Referenzhandbuch

Definition und Verwendung

miterLimit Eigenschaftseinstellungen oder Rückgabe der maximalen Schräglänge.

Die Schräglänge bezieht sich auf den Abstand zwischen Innenecke und Außenecke am Punkt des Zusammenlaufs von zwei Linien.

Hinweis:Nur wenn das Attribut lineJoin "Kante"-Wert nicht gültig.

Je kleiner der Winkel der Ecke ist, desto länger wird die Schräglänge.

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

Wenn die Schräglänge den Wert von miterLimit übersteigt, werden die Ecken mit der lineJoin-"Ecken" Typ um anzuzeigen (Dokumentation 3):

Beispiel

Zeichnen Sie Linien mit der maximalen Schräglä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;

Attributwert

Wert Beschreibung
number

Positiv. Legt die maximale Länge des Schrägstrichs fest.

Wenn die Länge des Schrägstrichs die Werte von miterLimit übersteigt, wird der Eckbereich im "bevel"-Typ von lineJoin angezeigt.

Technische Details

Standardwert: 10

Browser-Unterstützung

Die in der Tabelle angegebenen Zahlen beziehen sich auf die erste Version des Browsers, die 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.

HTML5 Canvas Referenzhandbuch