Рисование на канвасе

Реализуйте доску, на которой можно рисовать различными цветами. Проект включает в себя выбор цвета, размера и размытости кисти, рисование на canvas, скачивание результата в формате PNG. Продумайте структуру хранения данных и реализацию логики в коде JavaScript. Вся логика должна выполняться на клиенте без перезагрузки страницы. Скачать верстку для проекта.

Основные возможности проекта

Рисование на canvas с помощью мыши.
Выбор цвета кисти.
Выбор размера кисти.
Регулировка размытости кисти.
Скачивание нарисованной картинки в формате PNG.

Главная страница

На странице должны быть размещены:

Canvas для рисования.
Инструменты управления: выбор цвета, размера, размытости.
Кнопка "Скачать" для сохранения изображения.

Инструменты рисования

Пользователь может настраивать следующие параметры кисти:

Цвет - через стандартный input type="color" или палитру с предустановленными цветами.
Размер - слайдер или числовой инпут.
Размытость - слайдер (опция opacity, от 0.1 до 1.0).

Рисование

Пользователь рисует на canvas с помощью мыши:

Нажать левую кнопку мыши на canvas - начать рисование.
Перемещать мышь с зажатой кнопкой - рисовать линию.
Отпустить кнопку мыши - остановить рисование.

При рисовании на canvas используются текущие настройки кисти (цвет, размер, размытость).

Скачивание результата

При нажатии на кнопку "Скачать" canvas экспортируется в изображение формата PNG и сохраняется на компьютер пользователя. Имя файла формируется автоматически.

Дополнительные возможности

Кнопка "Очистить" для очистки canvas.
Отмена последнего действия (кнопка "Отменить").
Возврат отмененного действия (кнопка "Повторить").