Книга: JavaScript. Подробное руководство, 6-е издание

21.4.6. Прямоугольники

21.4.6. Прямоугольники

Объект CanvasRenderingContext2D определяет четыре метода рисования прямоугольников. Один из них, fillRect(), использовался в примере 21.7 для создания меток контрольных точек кривых Безье. Все четыре метода рисования прямоугольников принимают два аргумента, определяющих координаты одного угла прямоугольника, и два аргумента, определяющих ширину и высоту. Обычно указывается верхний левый угол и положительные значения ширины и высоты, но можно также указать другие углы и передать отрицательные размеры.

Метод fillRect() выполняет заливку внутренней области прямоугольника в соответствии со значением атрибута fillStyle. Метод strokeRect() рисует контур прямоугольника, используя текущее значение атрибута strokeStyle и других атрибутов линий. Метод clearRect() подобен методу fillRect(), но он игнорирует текущее значение стиля заливки и заполняет прямоугольник прозрачными черными пикселами (цвет по умолчанию всех пустых холстов). Важно отметить, что все эти три метода не оказывают влияния ни на текущий контур, ни на текущую точку внутри этого контура.

Последний метод рисования прямоугольников называется rect(), и он изменяет текущий контур: он добавляет указанный прямоугольник в виде отдельного фрагмента контура. Подобно другим методам определения контуров, сам по себе он не производит ни заливку, ни рисование контура.

Оглавление книги