Точка в полигональной проверке с помощью SVG и JavaScript?

у меня есть карта, которую я преобразовал из растровой графики в SVG-файл, преобразовав разноцветные области в пути.

Я знаю, как сделать базовую проверку точки в полигоне с учетом массива ребер, но svg:path элементы представляют собой несколько полигонов, а также маски (для учета морей и т. д.) и извлекают эту информацию путем разбора d атрибут кажется довольно тяжелым.

есть ли библиотека JS, которая позволяет мне упростить эту проверку? Я в основном хотите создать случайные точки, а затем проверить, находятся ли они на суше (т. е. внутри полигонов) или на воде (т. е. снаружи).

поскольку элементы SVG, похоже, позволяют обрабатывать события мыши, я бы подумал, что это не должно быть большой проблемой (т. е. если вы можете сказать, находится ли указатель мыши поверх элемента, вы уже решаете проблему точки в полигоне).

EDIT: немного усложняя вопрос, я должен упомянуть, что svg:path элементы, кажется, были на основе кривых, а не линий, поэтому просто разбор d атрибут для создания массива ребер, похоже, не является опцией.

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