HTML-Canvas miterLimitEigenschaft

HTML canvas 参考手册HTML canvas Referenzhandbuch

Beispiele

Zeichnen Sie eine Linie mit einer maximalen Gehrungslänge von 5:

Ihr Browser unterstützt das HTML5-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();

Ausprobieren »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome und Safari unterstützen die Eigenschaft miterLimit.

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

Definition und Verwendung

Die Eigenschaft miterLimit legt die maximale Gehrungslänge fest oder gibt sie zurück.

Die Gehrungslänge bezeichnet den Abstand zwischen der inneren Ecke und der äußeren Ecke, an der zwei Linien aufeinandertreffen.

Miter Limit figure 1

Tipp:Die Eigenschaft miterLimit ist nur wirksam, wenn die Eigenschaft lineJoin auf "miter" gesetzt ist.

Je kleiner der Eckwinkel, desto größer die Gehrungslänge.

Um zu vermeiden, dass die Gehrungslängezu lang wird, können wir die Eigenschaft miterLimit verwenden.

Wenn die Gehrungslänge den Wert von miterLimit überschreitet, wird die Ecke im "bevel"-Typ von lineJoin angezeigt (Abb. 3):

Miter Limit figure 2
Standardwert: 10
JavaScript-Syntax: context.miterLimit=number;

Eigenschaftswerte

Wert Beschreibung
number Eine positive Zahl. Bestimmt die maximale Gehrungslänge. Wenn die Gehrungslänge den Wert von miterLimit überschreitet, wird die Ecke im "bevel"-Typ von lineJoin angezeigt.

HTML canvas 参考手册HTML-Canvas-Referenzhandbuch Weitere Erweiterungen