Следите за новинками
в нашем Telegram канале. Жми, чтобы подписаться:)
244 of 264 menu
◀ ▶

Метод 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,
    которое задает цвет заливки
← →
↑
Русский▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить