Beispiel
Zeichnen Sie ein 150 * 100 Pixel Rechteck, und füllen Sie es mit der Farbe Rot:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
Versuch es selber " Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Methode vollständig unterstützt.
| Methode | |||||
|---|---|---|---|---|---|
| fill() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definition und Verwendung
Die fill() Methode füllt die aktuelle Zeichnung (path) . Die Standardfarbe ist schwarz.
Tip: Verwenden Sie die fillStyle Eigenschaft mit einer anderen Farbe / Farbverlauf zu füllen.
Note: Wenn der Pfad nicht geschlossen ist, die fill() Methode eine Linie vom letzten Punkt zum Startpunkt des Pfades hinzufügen wird den Pfad zu schließen (like closePath() ), und füllen Sie dann den Pfad.
| JavaScript-Syntax: | context . fill( ) fill( ) ; |
|---|
<Canvas Object