Canvas fill() Methode
Definition und Verwendung
fill() Diese Methode füllt das aktuelle Bild (Pfad). Die Standardfarbe ist schwarz.
Hinweis:Verwenden Sie fillStyle Eigenschaft, um eine andere Farbe/Verlauf zu füllen.
Anmerkung:Wenn der Pfad nicht geschlossen ist, dann fill() Diese Methode fügt eine Linie zwischen dem Endpunkt und dem Startpunkt des Pfades hinzu, um den Pfad zu schließen und ihn zu füllen.
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 in der Tabelle genannten Zahlen geben die erste Browserversion 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.
