Есть ли удобный инструмент для создания множественных html area для карты-схемы?

Question

[fStrange]

У меня есть схема

Переделываю интерактивную карту.
Она типичная.

<img src="/images/map.png" class="map" usemap="#map">
<map name="map">
<area shape="poly" href="#" coords="437,757,436,774,...,437,740" data-room="101">
<area shape="poly" href="#" coords="439,706,438,713,...,439,699" data-room="102">
...
<area shape="poly" href="#" coords="439,706,438,713,...,439,699" data-room="XXX">
</map>

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

Вот в чем вопрос. Есть ли инструментарий позволяющий автоматизировать создание подобной кучи area объектов? Чтобы поштучно не рисовать их ручками? Или способы нарисовать все это с минимальными затратами?

Comments

[posters]

Точно были. Сам когда-то одним из них пользовался. Попробуйте погуглить "html area map generator"

[iBird Rose]

posters, ага. я в свое время пользовался https://www.image-map.net/

[Rsa97]

Не думали переделать в SVG? И масштабироваться хорошо будет, и CSS-эффекты можно добавить.

[fStrange]

iBird Rose, уже нагуглил. Но от ручной работы не избавляет. Т.е. каждый ареа объект придется рисовать. Я надеялся, что может какой то софт с распознаванием и авторисованием по границам есть.

[Aetae]

fStrange, распознавание == автоматический перевод растра в вектор. Решения какие-то есть, но я ничего годного не видел. Мб что-то с нейросетками появилось - надо гуглить.
Гораздо проще если бы у вас был исходник в векторе.
Его можно было бы конвертнуть в svg и либо юзать как есть, либо на коленке написать простой скрипт который бы преобразовал координаты в map.

[AntHTML]

Фотошоп помню раньше умел резать изображение по направляющим и верстать в html. может с какой настройкой/надстройкой умеет и в map, только скорее всего с делением по вертикале/горизонтале, а не пентагонами