Beispiel
Zeichnen Sie zwei 150*100 Pixel Rechtecke. Füllen Sie ein mit roter Farbe und das andere mit einer blauen Farbe:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = "red";
ctx.fill();
ctx.beginPath();
ctx.rect(40, 40, 150, 100);
ctx.fillStyle = "blue";
ctx.fill(); Versuch es selber " Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Methode in vollem Umfang unterstützt.
| Methode | |||||
|---|---|---|---|---|---|
| fill() | ja | 9.0 | ja | ja | ja |
Definition und Verwendung
Die fill() Methode füllt die aktuelle Zeichnung (Pfad). Die Standardfarbe ist schwarz.
Tipp: Verwenden Sie die fillStyle Eigenschaft mit einer anderen Farbe / Gefälle zu füllen.
Hinweis: Wenn der Pfad nicht geschlossen ist, wird die fill() Methode , um eine Linie vom letzten Punkt zum Startpunkt des Pfades hinzufügen den Pfad (wie zu schließen closePath() ), und füllen Sie dann den Pfad.
| JavaScript-Syntax: | context.fill(); |
|---|