Metoda strokeRect
Metoda strokeRect desenează conturul
unui dreptunghi într-un punct dat. Primele două parametri
stabilește coordonatele punctului în care se va afla
colțul din stânga sus al dreptunghiului desenat.
Sintaxă
context.strokeRect(x, y, lățime, înălțime);
Exemplu
Să desenăm un dreptunghi folosind
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);
:
Vezi și
-
metoda
fillRect,
care desenează un dreptunghi umplut -
metoda
rect,
care desenează un dreptunghi -
metoda
lineTo,
care desenează linii -
proprietatea
strokeStyle,
care stabilește culoarea liniei
