HTML Canvas fill() Methode
Definition und Verwendung
fill() Die Methode füllt das aktuelle Bild (Pfad). Die Standardfarbe ist schwarz.
Hinweis:Bitte verwenden Sie fillStyle Eigenschaft, um eine andere Farbe/Verlauf zu füllen.
Anmerkung:Wenn der Pfad nicht geschlossen ist, dann fill() Die Methode fügt eine Linie zwischen dem Endpunkt und dem Startpunkt des Pfades hinzu, um den Pfad zu schließen, und füllt dann den Pfad.
Beispiel
Zeichnen Sie ein Rechteck von 150*100 Pixeln und füllen Sie es mit Grün aus:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="green";
ctx.fill();
Syntax
context.fill();
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browser-Version an, die diese Eigenschaft vollständig unterstützt.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Anmerkung:Internet Explorer 8 und frühere Versionen unterstützen das <canvas>-Element nicht.
