Methode strokeRect
Die Methode strokeRect zeichnet den Umriss
eines Rechtecks 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
Kontext.strokeRect(x, y, Breite, Höhe);
Beispiel
Zeichnen wir ein Rechteck mit
strokeRect:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.strokeRect(50, 50, 100, 75);
:
Siehe auch
-
Methode
fillRect,
die ein ausgefülltes Rechteck zeichnet -
Methode
rect,
die ein Rechteck zeichnet -
Methode
lineTo,
die Linien zeichnet -
Eigenschaft
strokeStyle,
die die Linienfarbe festlegt
