Metoden fillRect

Metoden fillRect ritar en ifylld rektangel på en angiven 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

javascriptkontext.fillRect(x, y, bredd, höjd);

Exempel

Låt oss rita en ifylld rektangel med hjälp av 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);

Результат:

Se även