Canvas closePath() Methode
Definition und Verwendung
closePath() Methode, um einen Pfad von der aktuellen Position zum Ausgangspunkt zu erstellen.
Hinweis:Verwenden Sie stroke() Methode, um den genauen Pfad auf der Leinwand zu zeichnen.
Hinweis:Verwenden Sie fill() Verwenden Sie die Methode, um ein Bild zu füllen (Standard ist schwarz). Verwenden Sie fillStyle Eigenschaft, um eine andere Farbe/Verlauf zu füllen.
Beispiel
Beispiel 1
Zeichnen Sie einen Pfad in Form eines Buchstaben L und zeichnen Sie dann Linien, um zum Ausgangspunkt zurückzukehren:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.closePath();
ctx.stroke();
Hinweis:Mehr Beispiele finden Sie am Ende der Seite.
Syntax
context.closePath();
Mehr Beispiele
Beispiel 2
Grün als Füllfarbe festlegen:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.closePath();
ctx.stroke();
ctx.fillStyle="green";
ctx.fill();
Browser-Unterstützung
Die Zahlen in der Tabelle geben die Versionsnummer des ersten Browsers an, der 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.
