Как сделать такие SVG объекты?

Question

[Stopy]

Как сделаны такие крутые и ровные SVG элементы? usuhanovo.ru/apartments/get_section.php?corpusNum=5
Неужели каждый пиксель отсчитывали?

Comments

[Albert Kazan]

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

Answer 1

[Владислав]

А что в этом такого не обычного? Берется картинка в высоком разрешении, на ней дизайнер делает области. Потом экспортирует в SVG (map+area). Дальше берем плагин который может работать с координатами в SVG. Типа Mapplic, MapSVG. Я когда-то пользовался imagemapster. И на этом все. Слева там, где схема это отдельный map + area.

P.s для отдного этажа в среднем 23 точки нужно на 1 секцию, не думаю что это большая проблема сделать в илюстраторе.

Comments

[Владислав]

MaxKorz: Из илюстратора можно несколькими способами экспортировать полигоны в том числе и через path, смысл один и тот же. creativedroplets.com/export-svg-for-the-web-with-i...