Рисование на канвасе
Реализуйте доску, на которой можно рисовать различными цветами.
Основные возможности проекта
- Рисование на canvas с помощью мыши.
- Выбор цвета кисти.
- Выбор размера кисти.
- Регулировка размытости кисти.
- Скачивание нарисованной картинки в формате PNG.
Главная страница
На странице должны быть размещены:
- Canvas для рисования.
- Инструменты управления: выбор цвета, размера, размытости.
- Кнопка "Скачать" для сохранения изображения.
Инструменты рисования
Пользователь может настраивать следующие параметры кисти:
- Цвет - через стандартный input type="color" или палитру с предустановленными цветами.
- Размер - слайдер или числовой инпут (например, от 1 до 50 пикселей).
- Размытость - слайдер (опция opacity, от 0.1 до 1.0).
Рисование
Пользователь рисует на canvas с помощью мыши:
- Нажать левую кнопку мыши на canvas - начать рисование.
- Перемещать мышь с зажатой кнопкой - рисовать линию.
- Отпустить кнопку мыши - остановить рисование.
При рисовании на canvas используются текущие настройки кисти (цвет, размер, размытость).
Скачивание результата
При нажатии на кнопку "Скачать" canvas экспортируется в изображение формата PNG и сохраняется на компьютер пользователя. Имя файла формируется автоматически (например, drawing.png).
Дополнительные возможности
- Кнопка "Очистить" для очистки canvas.
- Отмена последнего действия (кнопка "Отменить").
- Возврат отмененного действия (кнопка "Повторить").