Как реализовать данный функционал sunbrama.tmm.ua/?

Question

[Алексей Белов]

Есть ли готовые решение на подобное, кто сталкивался, поделитесь ссылками

Answer 1

[Дима Паутов]

Если вы про дом с областями, берёте вашу картинку, поверх неё кладёте svg маску, прозрачную, на которой выделены области. При наведении на область просто её закрашиваете. Для подсказок используйте готовые библиотеки или пишите сами. Всё

P.S. на исходники то посмотрите и вопрос отпадёт

Comments

[Алексей Белов]

понял, спасибо!

Answer 2

[Stalker_RED]

Вот простейший пример


SVG с областями, в фоне картинка.
При наведении области подсвечиваются.
Добавьте тултипы еще.

Comments

[Алексей Белов]

понял, спасибо!