Раскраска на сайте (canvas + javascript)

Дмитрий3 года в сервисе

Данные заказчика будут вам доступны после подачи заявки

22.08.2022

Нужно сделать для сайта (адаптировать готовые примеры или сделать с 0) раскраску:

в рамках определенной области на сайте будет располагаться png изображение с контуром, которое нужно раскрасить разными цветами;
ползунок для выбора цвета из палитры цветов;
ползунок для выбора размера кисти в заданном диапазоне;
переключатель / 2 кнопки выбора: кисть или ластик (со-но ластик стирает только то, что нужно, а не очищает весь рисунок);
кнопка очистить весь рисунок;
кнопка экспорта изображения/сохранения на устройство, которое получилось нарисовать

Из дополнительных требований:

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

Вот примеры уже готовых реализаций, из которых можно "собрать" то что нужно:

Заявки фрилансеров