HTML canvas lineJoin-Eigenschaft

HTML5 Canvas Referenzhandbuch

Definition und Verwendung

lineJoin Eigenschaft, die den Typ der erzeugten Kanten festlegt oder zurückgibt, wenn zwei Linien sich kreuzen.

Anmerkung:Der Wert "miter" wird miterLimit Einfluss der Eigenschaften.

Beispiel

Wenn zwei Linien sich kreuzen, erzeugt einen abgerundeten Ecken:

Ihr Browser unterstützt das canvas-Tag nicht.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineJoin="round";
ctx.moveTo(20,20);
ctx.lineTo(100,50);
ctx.lineTo(20,100);
ctx.stroke();

Versuchen Sie es selbst

Syntax

context.lineJoin="bevel|round|miter";

Attributswert

Wert Beschreibung
bevel Erzeugt schräge Ecken.
round Erzeugt abgerundete Ecken.
miter Standard. Erzeugt scharfe Ecken.

Technische Details

Standardwert: miter

Browser-Unterstützung

Die in der Tabelle genannten Zahlen geben die erste Version des Browsers an, 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 den <canvas>-Element nicht.

HTML5 Canvas Referenzhandbuch