Каким образом заполнить прямоугольник определенным цветом на Canvas?

@justice 

Для заполнения прямоугольника определенным цветом на Canvas, можно использовать метод fillRect объекта CanvasRenderingContext2D. Этот метод рисует прямоугольник с заданными координатами и заполняет его цветом, который указан в аргументе fillStyle.

Пример кода:

1
2
3
4
5

const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');

ctx.fillStyle = 'red'; // устанавливаем цвет заливки
ctx.fillRect(10, 10, 100, 50); // рисуем прямоугольник с координатами (10, 10) и размером 100x50

В результате выполнения кода на Canvas будет нарисован красный прямоугольник с координатами (10, 10) и размером 100x50.