Metoda fillRect

Metoda fillRect desenează un dreptunghi umplut la un punct dat. Primele două parametri stabilește coordonatele punctului în care va fi colțul din stânga sus al dreptunghiului desenat.

Sintaxă

javascriptcontext.fillRect(x, y, lățime, înălțime);

Exemplu

Să desenăm un dreptunghi umplut cu fillRect:

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);

Результат:

Vezi și