Przykład
Narysuj 150 * 100 pikseli prostokąt i wypełnij ją kolorem czerwonym:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
Spróbuj sam " Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje metodę.
metoda | |||||
---|---|---|---|---|---|
fill() | 4.0 | 9.0 | 3.6 | 4.0 | 10,1 |
Definicja i Wykorzystanie
fill() sposób napełnia bieżącego rysunku (path) . Domyślnym kolorem jest czarny.
Tip: Użyj fillStyle własność wypełnić innym kolorem / gradientem.
Note: Jeśli ścieżka nie jest zamknięta, fill() metoda doda wiersza od ostatniego punktu do startowy ścieżki, aby zamknąć ścieżkę (like closePath() ), a następnie wypełnić ścieżkę.
Składnia JavaScript: | context . fill( ) fill( ) ; |
---|
<Płótno Przedmiot