HTML canvas lineJoinEigenschaft
Beispiel
Erzeugt abgerundete Ecken, wenn zwei Linien aufeinandertreffen:
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();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineJoin="round";
ctx.moveTo(20,20);
ctx.lineTo(100,50);
ctx.lineTo(20,100);
ctx.stroke();
Selbst ausprobieren »
Browser-Unterstützung
Internet Explorer 9, Firefox, Opera, Chrome und Safari unterstützen die lineJoin-Eigenschaft.
Hinweis:Internet Explorer 8 und frühere Versionen unterstützen das <canvas>-Element nicht.
Definition und Verwendung
Die lineJoin-Eigenschaft legt den Typ der Ecke fest, die entsteht, wenn zwei Linien aufeinandertreffen, oder gibt diesen zurück.
Hinweis:Der Wert "miter" wird durch diemiterLimitEigenschaft beeinflusst.
| Standardwert: | miter |
|---|---|
| JavaScript-Syntax: | context.lineJoin="bevel|round|miter"; |
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| bevel | Erzeugt eine Abschrägung. |
| round | Erzeugt eine runde Ecke. |
| miter | Standard. Erzeugt eine scharfe Ecke. |
HTML-Canvas-Referenz Weitere Erweiterungen