[DaxterPoker]

Mam ![]() które zawiera mapę np. mieszkania, chciał bym, żeby po kliknięciu na pokój oznaczony nr 1 pojawił się opis "To jest duży pokój", a jak ktoś kliknie na łazienkę to opis powinien wyglądać "to jest łazienka" itd.
Jak to ogarnąć ? czytałem coś o podpinaniu map () do img jednak przy zmianie rozmiaru img mapa się rozjeżdża ;/ jak to ugryźć ?
#frontend #webdev #html #html5

[januzi]

@DaxterPoker: Na necie powinieneś znaleźć skrypt, który przeskaluje mapę do nowej wielkości.
Ew. zrób przy pomocy svg, wtedy zawsze będzie trafiało w to, co trzeba.

[DaxterPoker]

@januzi: Niby mam obraz w postaci svg ale jakos nie umiem z tego korzystać :/ może doczytam

[Veni]

@DaxterPoker: https://codepen.io/villare025/pen/GZYMBr

[doee]

@DaxterPoker: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/map

[niewiemcotuwpisac]

@DaxterPoker: jak masz mape zrobiona to https://github.com/davidjbradshaw/image-map-resizer jezeli nie to polecam posluchac kolegow wyzej i wykorzystac odpowiednio plik w formacie svg :)