A strokeRect metódus
A strokeRect metódus egy téglalap körvonalát rajzolja meg egy adott
pontban. Az első két paraméter
annak a pontnak a koordinátáit határozza meg, ahol a megrajzolt téglalap
bal felső sarka helyezkedik el.
Szintaxis
kontextus.strokeRect(x, y, szélesség, magasság);
Példa
Rajzoljunk egy téglalapot a
strokeRect segítségével:
<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);
:
Lásd még
-
a
fillRectmetódus,
amely kitöltött téglalapot rajzol -
a
rectmetódus,
amely téglalapot rajzol -
a
lineTometódus,
amely vonalakat rajzol -
a
strokeStyletulajdonság,
amely a vonal színét határozza meg
