Canvas lineJoin-Eigenschaft

Canvas-Referenzhandbuch

Definition und Verwendung

lineJoin Die Eigenschaft setzt oder gibt den Typ der erzeugten Kante zurück, wenn zwei Linien sich kreuzen.

Anmerkung:Der Wert "miter" wird beeinflusst miterLimit Einfluss der Attribute.

Beispiel

Wenn zwei Linien sich kreuzen, wird ein runder Eckenrand erstellt:

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

亲自试一试

语法

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

属性值

值 描述
bevel 创建斜角。
round 创建圆角。
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 das <canvas>-Element nicht.

Canvas-Referenzhandbuch