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(200,20);
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 | ja | 9.0 | ja | ja | ja |
Definition und Verwendung
Die Linecap Eigenschaftssätze oder gibt den Stil der Endkappen für eine Linie.
Hinweis: Der Wert "rund" und "Platz" machen die Linien etwas länger.
| Standardwert: | Hintern |
|---|---|
| JavaScript-Syntax: | context.lineCap="butt|round|square"; |
Immobilienwerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| butt | Standard. Eine flache Kante 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 " |