Metoda HTML canvas Fill ()
HTML Instrukcja płótno referencyjny
Przykłady
Narysuj prostokąt 150 * 100 pikseli, a następnie wypełnić go z czerwonym dać:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
Spróbuj »
Pomoc Browser
Internet Explorer 9, Firefox, Opera, Chrome i Safari wsparcie fill () metoda.
Uwaga: 8 i wcześniejsze wersje programu Internet Explorer nie obsługuje <canvas> elementu.
Definicja i Wykorzystanie
fill () Metoda wypełnia bieżący obraz (ścieżka). Domyślnym kolorem jest czarny.
Wskazówka: Użyj fillStyle nieruchomości do wypełnienia inny kolor / gradient.
Uwaga: Jeśli ścieżka nie jest zamknięty, metoda Fill (), aby dodać ścieżkę do punktu końcowego linii pomiędzy punktem startowym, aby zamknąć ścieżkę (jak closePath () ten sam), a następnie wypełnić ścieżkę.
| Składnia JavaScript: | Kontekst .fill ( ); |
|---|
HTML Instrukcja płótno referencyjny