Latest web development tutorials

HTML-Leinwand fill () Methode

Canvas Object Reference Canvas - Objekt

Beispiele

Zeichnen Sie ein Rechteck 150 * 100 Pixel, dann füllen Sie es mit Rot zu geben:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();

Versuchen »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome und Safari unterstützen fill () -Methode.

Hinweis: 8 und frühere Versionen von Internet Explorer unterstützt nicht das <canvas> -Element.


Definition und Verwendung

füllen () -Methode füllt das aktuelle Bild (Pfad). Die Standardfarbe ist schwarz.

Tipp: Verwenden Sie fillStyle Eigenschaft eine andere Farbe / Farbverlauf zu füllen.

Hinweis: Wenn derPfad nicht geschlossen ist, die Füllung () -Methode den Weg zum Endpunkt einer Linie zwischen dem Startpunkt zu fügen Sie den Pfad (wie zu schließen closePath () gleich), dann füllen Sie den Pfad.

JavaScript-Syntax: Kontext .fill ( );


Canvas Object Reference Canvas - Objekt