Как реализовать возможность иллюстратора идентифицировать закрытые пути с помощью svg ⇐ Javascript

[Anonymous]

Я создаю веб-сайт, который помогает создавать искусство типографики куфи. Куфи в основном основан на сетках. это зависит от способа построения сетки.
обычная квадратная сетка, круговая сетка
раньше я создавал эти сетки, используя библиотеку черепах Python. но теперь я сделаю это на 100% интерфейсным, что означает, что мне нужно обрабатывать графику с использованием SVG и JavaScript.
Сам рисунок не является проблемой. проблема в том, что рисунок не основан на путях. он основан на кругах, прямоугольниках и линиях.
Мне нужно иметь возможность идентифицировать каждую замкнутую область, как это делает ведро с живой краской иллюстратора.
Ведро с живой краской иллюстратора
чтобы это в основном выглядело как пиксельная графика приложения, в которых вы можете навести указатель мыши на любую замкнутую область, и она обнаружит ее и раскрасит индивидуально.
Пример сеток, написанных в svg:

Код: Выделить всё

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


Подробнее здесь: https://stackoverflow.com/questions/793 ... s-with-svg