HTML canvas lineCap-Eigenschaft
Definition und Verwendung
lineCap Eigenschaft zur Einstellung oder Rückgabe des Stils der Linienendenkappe.
Anmerkung:"round" und "square" macht die Linie leicht länger.
Beispiel
Abschlusskappe der Linie zum Zeichnen eines Kreises:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineCap="round";
ctx.moveTo(20,20);
ctx.lineTo(20,200);
ctx.stroke();
Syntax
context.lineCap="butt|round|square";
Attributwert
| Wert | Beschreibung |
|---|---|
| butt | Standard. Fügt an jedem Ende der Linie eine gerade Kante hinzu. |
| round | Fügt an jedem Ende der Linie einen runden Linienkopf hinzu. |
| square | Fügt an jedem Ende der Linie einen quadratischen Linienkopf hinzu. |
Technische Details
| Standardwert: | butt |
|---|
Browser-Unterstützung
Die in der Tabelle genannten Zahlen beziehen sich auf die erste Version des Browsers, 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.
