HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML canvas miterLimit Eigenschaft

miterLimit ist Canvas 2D API ist eine Eigenschaft, um den Prozentsatz der Kantenfläche zu begrenzen. Wenn der Wert der Eigenschaft abgerufen wird, wird der aktuelle Wert zurückgegeben (Standardwert ist10.0）。Wenn dem Attribut ein Wert zugewiesen wird, werden 0, negative Zahlen, Infinity und NaN ignoriert; alle anderen werden einem neuen Wert zugewiesen.

HTML Canvas Referenzhandbuch

Online-Beispiel

Zeichnen Sie die maximale Kantenlänge von20 Linie:

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Verwendung der miterLimit-Eigenschaft von HTML canvas (Grund教程网 oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px fest #d3d3d3>
Ihr Browser unterstützt HTML5　canvas-Tag.
</canvas>
<p>Es wird versucht, miterLimit zu setzen　4(Dann wird die Kante über die Kantenbegrenzung hinausgehen, wenn die Zeile sie erfüllt, wird sie als lineJoin="bevel" angezeigt.</p>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=10;
ctx.lineJoin="miter";
ctx.miterLimit=20;
ctx.moveTo(20,20);
ctx.lineTo(50,27);
ctx.lineTo(20,34);
ctx.stroke();
</script>
</body>
</html>

Testen Sie es heraus ‹/›

Browserkompatibilität

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome und Safari unterstützen das Attribut miterLimit.

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

Definition und Verwendung

Das Attribut miterLimit setzt oder gibt die maximale Kantenlänge zurück.

Die Kantenlänge bezieht sich auf den Abstand zwischen der Innen- und Außenkante des Winkels am Kreuzungspunkt der beiden Linien.

Hinweis:Der miterLimit ist nur dann gültig, wenn das Attribut lineJoin "miter" ist.

Je kleiner der Winkel der Ecke, desto größer ist die Kantenlänge.

Um die Kantenlänge zu vermeidenzu lang, wir können das Attribut miterLimit verwenden.

Wenn die Kantenlänge die Werte von miterLimit übersteigt, werden die Ecken mit der "bevel"-Art des lineJoin angezeigt (Abb. 3)

Standardwert:	10
JavaScript Syntax:	context.miterLimit=number;

Attributswert

Wert	Beschreibung
number	Ganze Zahl. Legt die maximale Länge der Kante fest. Wenn die Kantenlänge die Werte von miterLimit übersteigt, werden die Ecken mit der "bevel"-Art des lineJoin angezeigt.

HTML Canvas Referenzhandbuch

HTML: <template> Tag