Метод 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);

Результат:

Погледнете ги исто така