Metoden strokeRect
Metoden strokeRect ritar konturen av en
rektangel vid en given punkt. De två första parametrarna
anger koordinaterna för punkten där det
övre vänstra hörnet av den ritade rektangeln kommer att vara.
Syntax
kontext.strokeRect(x, y, bredd, höjd);
Exempel
Låt oss rita en rektangel med hjälp av
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);
:
Se även
-
metoden
fillRect,
som ritar en ifylld rektangel -
metoden
rect,
som ritar en rektangel -
metoden
lineTo,
som ritar linjer -
egenskapen
strokeStyle,
som anger färg på linjen
