Archive for the ‘Canvas’ Category


60c1cbd5

Применение стилей и цветов

В главе о рисовании фигур я использовал установленные по умолчанию типы линии и заливки. В этой главе мы рассмотрим все имеющиеся в нашем распоряжении возможности холста, с помощью которых можно сделать наши рисунки чуть более привлекательными.

Рисование фигур

Координатная сетка Перед тем, как начать рисовать, нам надо поговорить о сетке холста или пространстве координат. В HTML-шаблоне с предыдущей страницы имелся элемент canvas 150 пикселей шириной и 150 пикселей высотой. Эту картинку я нарисовал с сеткой, накладываемой по умолчанию. Обычно 1 единица на сетке соответствует 1 пикселю на холсте (canvas). Начало координат этой сетки [...]

Основы canvas

Давайте начнём обучение, взглянув на сам элемент <canvas>. <canvas id="tutorial" width="150" height="150"></canvas> Он очень похож на <img>, с той лишь разницей, что не содержит атрибутов src и alt. Элемент <canvas> имеет всего два атрибута — width и height. Оба они не обязательны, и могут быть заданы через свойства DOM. Если ширина и высота не определены, canvas [...]