Усули fillRect

Усули fillRect ростхаи рангинкардашударо мекашад. Ду параметри аввал координатҳои нуқтаеро муайян мекунанд, ки кунҷи болои чапи ростхаи кашидашуда дар он ҷо ҷойгир хоҳад шуд.

Синтаксис

javascriptконтекст.fillRect(x, y, бара, баландӣ);

Намуна

Биёед ростхаи рангинкардашударо бо ёрии 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);

Результат:

Ҳамчунин нигаред