Najnowsze tutoriale tworzenie stron internetowych
 

HTML canvas fill() Method

<Płótno Przedmiot

Przykład

Narysuj 150 * 100 pikseli prostokąt i wypełnij ją kolorem czerwonym:

YourbrowserdoesnotsupporttheHTML5canvastag.

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