РЕПЕТИТОР математика физика информатика
Для школьников и студентов. Подтягивание пробелов. ЦЭ, ЦТ, ОГЭ, ЕГЭ.
Идет набор на ЛЕТО. Жмите для подробностей:)
104 of 126 menu

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

Реализуйте доску, на которой можно рисовать различными цветами.

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

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

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

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

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

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

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

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

Рисование

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

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

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

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

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

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

  • Кнопка "Очистить" для очистки canvas.
  • Отмена последнего действия (кнопка "Отменить").
  • Возврат отмененного действия (кнопка "Повторить").
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить