Как сделать раскраску на HTML?

в 18:39, , рубрики: css, html, ipad, Веб-разработка, разработка под iOS, метки: , ,

Добрый день!
Хотел спросить у, если ли какой-либо способ создать приложение типа браузерной детской раскраски используя веб-технологии, чтобы оно работало на Ipad (поддержка android была бы хорошим плюсом)? Идея такой раскраски — закрашивать нужным цветом определенные области. Ребенок выбрал цвет, кликнул на область и область окрасилась.

Сейчас для меня главной проблемой является то, как нормально хранить закрашиваемые области.
Использования мне кажется будет невозможным по причине сложности формы каждого из полигонов.

Беглое исследование вывело на svg. Форму такого полигона можно нарисовать в векторном редакторе и потом программно управлять цветом, что есть хорошо (про поддержку в Android с версии 4.0 пока не говорим). Но я не нашел информации по поводу обработки кликов по таким областям.

Посему у меня 2 вопроса:
1) Можно ли обрабатывать клики по SVG фрагментам (или целым картинкам) через javascript?
2) Возможно существуют еще какие-то адекватные способы задания фигур сложной формы, изменения их цвета и обработки кликов?

Автор: Castro

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js