Beispiel
Zeichnen Sie eine Linie mit abgerundeten Endkappen:
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();
Versuch es selber " Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| lineCap | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definition und Verwendung
Die Linecap Eigenschaftssätze oder gibt den Stil der Endkappen für eine Linie.
Note: Der Wert "round" und "square" machen die Linien etwas länger.
| Standardwert: | Hintern |
|---|---|
| JavaScript-Syntax: | context .lineCap="butt|round|square"; |
Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| butt | Standard. Ein flacher Rand ist an jedem Ende der Zeile hinzugefügt | Spiel es " |
| round | Eine abgerundete Endkappe ist an jedem Ende der Zeile hinzugefügt | Spiel es " |
| square | Ein quadratischer Endkappe ist an jedem Ende der Zeile hinzugefügt | Spiel es " |
<Canvas Object