HTML-Canvas -fillRect()- Methode

Zeichnen Sie ein gefülltes 150*100-Pixel-Rechteck:

JavaScript:

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

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die das Verfahren vollständig unterstützt.

Method
fillRect()	Yes	9.0	Yes	Yes	Yes

Die Methode fillRect() zeichnet ein "gefülltes" Rechteck. Die Standardfarbe der Füllung ist Schwarz.

Tipp: Verwenden Sie die Eigenschaft fillStyle , um eine Farbe, einen Farbverlauf oder ein Muster zum Füllen der Zeichnung festzulegen.

JavaScript-Syntax:	Kontext .fillRect( x,y,Breite,Höhe );

Parameter	Description	Play it
x	The x-coordinate of the upper-left corner of the rectangle
y	The y-coordinate of the upper-left corner of the rectangle
width	The width of the rectangle, in pixels
height	The height of the rectangle, in pixels