Как подсветить объект на svg?

Question

[exxagw]

Увидел на этом сайте: dom-volga.ru/plans подсветку этажей, так же появляется блок с инфой (номер этажа, кол-во свободных кв и тд), каким плагином это все делается? Ну и как разметить svg?

Answer 1

[bromzh]

SVG - это xml. С ним можно работать, как с обыным DOM. В редакторе (хоть в текстовом) добавь нужным элементам id, потом можно либо в css добавить стили для :hover, либо через JS что-то делать

Answer 2

[ModestesGonze]

Разметить можно в илюстраторе, при сохранении там будет кнопка "код SVG"
А оживить можно любой SVG библиотекой.

Comments

[exxagw]

насколько я знаю в иллюстраторе только вектор? Или получается нужно в иллюстратор сунуть .jpg (карты например) и на нем уже рисовать?

[ModestesGonze]

Да, там вектор. Я с илюстратором редко сталкиваюсь, поэтому чего-то могу не знать. Я обычно поверх рисовал то что должно быть в SVG.

[ModestesGonze]

Есть кстати сервис для разметки, но технология уже относительно устарела ) htmlmapgenerator.ru помню с помощью него размечал здание, задачу решил больше ничего и не нужно

[exxagw]

Андрей: это для img area

[ModestesGonze]

да, на всякий просто

Answer 3

[exxagw]

Вот что еще нашел, по клику на здание, подгружается dom-volga.ru/assets/pages/floors/1-1-14.html (1дом,1корпус,14этаж например). Внутри img + map area, а на странице svg :/ как генерировать???

Answer 4

[Александр Маджугин]

:hover