@DeniSidorenko

Как реализуется верстка этажей SVG?

Добрый день, думаю каждый видел сайты где есть план здания , постройки, башни, и при наведении подсвечиваются этажи таким образом что можно выбрать. Есть такая же задача сделать. Все здания сделана в SVG , каждое окно, каждый этаж. Вопрос в том как сделать что бы при наведении подсвечивалось. Задал для нужного этажа id и при хотел менять svg при наведении, однако цвет не меняется. Может требуется сделать через JS это события? Заранее спасибо
  • Вопрос задан
  • 500 просмотров
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега Вёрстка
Creative frontend developer
Буквально на днях написал статью о том, как все это делается: Делаем интерактивный план местности за 15 минут. Там все основные вопросы и проблемы разобраны. Конкретно в вашем случае скорее всего (без кода не угадать) нужно перебивать ранее заданные стили, либо добавить заливку контурам, где ее нет - умные браузеры не всегда распознают наведение мыши на не залитые элементы в SVG.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
firedragon
@firedragon
Не джун-мидл-сеньор, а трус-балбес-бывалый.
За основу можно взять вот это
https://codepen.io/prashanthnani/pen/bpWojz
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы