ВНИМАНИЕ: Запись на курсы по HTML, CSS, JavaScript, PHP, Python, React, Vue, Laravel и другим фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
244 of 264 menu
Вступайте в телеграмм-канал сайта code.mu: новинки, статьи, интервью, задачи, бесплатные курсы и тренинги. Жми для вступления:)

Метад fillRect

Метад fillRect рисует в заданной точке закрашенный прямоугольник. Первые два параметра задают координаты точки, в которой окажется верхний левый угол нарисованного прямоугольника.

Синтаксис

контекст.fillRect(x, y, ширина, высота);

Пример

Давайте нарисуем закрашенный прямоугольник с помощью fillRect:

<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas> let canvas = document.querySelector('#canvas'); let ctx = canvas.getContext('2d'); ctx.fillRect(50, 50, 100, 75);

:

Смотрите также

  • метод fillRect,
    который рисует контур прямоугольника
  • метод rect,
    который рисует прямоугольник
  • метод lineTo,
    который рисует линии
  • свойство fillStyle,
    которое задает цвет заливки
byenru