HTML-Canvas fillRect()-Methode

HTML canvas 参考手册HTML-Canvas-Referenz

Beispiel

Zeichnen Sie ein gefülltes Rechteck von 150*100 Pixeln:

Ihr Browser unterstützt das HTML5-Canvas-Tag nicht.

JavaScript：

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);

Selbst ausprobieren »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

Definition und Verwendung

Die fillRect()-Methode zeichnet ein "gefülltes" Rechteck. Die Standardfüllfarbe ist Schwarz.

Tipp:Verwenden Sie diefillStyleEigenschaft, um die Farbe, den Farbverlauf oder das Muster festzulegen, das zum Füllen der Zeichnung verwendet wird.

JavaScript-Syntax: context.fillRect(x,y,width,height);

Parameterwerte

Parameter Beschreibung
x Die x-Koordinate der oberen linken Ecke des Rechtecks.
y Die y-Koordinate der oberen linken Ecke des Rechtecks.
width Die Breite des Rechtecks in Pixeln.
height Die Höhe des Rechtecks in Pixeln.

HTML canvas 参考手册HTML-Canvas-Referenz Andere Erweiterungen