Как реализовать такую отводку объектов?

Question

[konstantinborodov]

http://аквамарин34.рф/aquamarine/sHouse?id=

Задача обводить объекты на картинке, как на примере Как это можно сделать? на ум приходит только абсолютно позиционированные блоки и все размеры в процентах.

Answer 1

[konstantinborodov]

Надо было учить матчасть. Нашел решение + скрипт который делает это адаптивным.

htmlbook.ru/html/map

Comments

[Евгений]

Интересно посмотреть как вы точки будете делать.
Уже давно это на svg можно сделать, а вы map и скрипт используете)

Answer 2

[Евгений]

картинка и поверх svg

Comments

[konstantinborodov]

Так это понятно) а как все отпозиционировать, просто картинка сжиматься если будет

[irishmann]

konstantinborodov, это векторная графика, все аккуратно должно быть.

[dicem]

konstantinborodov, используй проценты при позиционировании, если конечно у тебя ширина фона 100%, если фоновое изображение в контейнере бутстрапа предположим, то придется позиционирование подстраивать под каждый брейкпоинт

[konstantinborodov]

Нашел решение смотрите выше.