Metoda Canvas closePath()
Definicja i użycie
closePath() metoda tworzy ścieżkę od bieżącego punktu do punktu początkowego.
Wskazówka:Użyj stroke() metody do rysowania dokładnej ścieżki na płótnie.
Wskazówka:Użyj fill() Metoda do wypełnienia obrazu (domyślnie czarny). Użyj fillStyle Atrybuty do wypełnienia innego koloru/gradientu.
Przykład
Przykład 1
Narysuj ścieżkę w kształcie litery L, a następnie narysuj linie, aby wrócić do punktu początkowego:
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();
Wskazówka:Więcej przykładów znajduje się na dole strony.
Gramatyka
context.closePath();
Więcej przykładów
Przykład 2
Ustaw zielony jako kolor wypełnienia:
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();
Obsługa przeglądarki
Liczby w tabeli wskazują na wersję przeglądarki, która w pełni obsługuje tę właściwość.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Komentarz:Internet Explorer 8 i wcześniejsze wersje nie obsługują elementu <canvas>.
