Канва для всех: стираем нарисованное

Итак, по итогам предыдущих статей цикла «canvas для всех» мы научили рисовать прямоугольники и пути, а также изменять их цвет и толщину линий прорисовки. Пришло время научиться стирать нарисованное непосильным трудом :)

Чтобы стереть какой либо участок канвы нужен лишь один метод — clearRect. Он делает каждый пиксель в указанной области прозрачным. Иначе говоря, холст очищается под прямоугольником, заданным в параметрах этой функции.

Чтобы очистить canvas полностью от рисунков следует использовать такой код:

ctx.clearRect(0, 0, canvas.width, canvas.height);

Как и обещал, ничего сложного стирании нет.

На этом базовые основы рисования на канве изучены. Мало? Просто? Возможно. Цикл не закончен и будет продолжаться с постепенным усложнением задач и увеличением объемов получаемых знаний. Следите за новыми постами 😉

Запись опубликована в рубрике HTML & CSS с метками , , . Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">