Methode fillRect

Die Methode fillRect zeichnet ein gefülltes Rechteck an einem bestimmten Punkt. Die ersten beiden Parameter legen die Koordinaten des Punktes fest, an dem sich die obere linke Ecke des gezeichneten Rechtecks befinden wird.

Syntax

javascriptKontext.fillRect(x, y, Breite, Höhe);

Beispiel

Lassen Sie uns ein gefülltes Rechteck mit fillRect zeichnen:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.fillRect(50, 50, 100, 75);

Результат:

Siehe auch

die Methode fillRect,
die den Umriss eines Rechtecks zeichnet
die Methode rect,
die ein Rechteck zeichnet
die Methode lineTo,
die Linien zeichnet
die Eigenschaft fillStyle,
die die Füllfarbe festlegt