Interakcja z SVG - Parę pytań

Question

Siemka,

Chciałbym stworzyć coś co działa na podobnej zasadzie jak mapy w JS tylko, że mapę ciała.

Posiadam SVG ludzkiej sylwetki podzielonej na partie ciała (głowa, ramiona, barki, brzuch etc). Obok tej sylwetki, po prawej znajduje się lista która zawiera partie. Chciałbym zrobić tak, że gdy użytkownik hoveruje partię ciała lub jej nazwę, to zostaje ona podświetlona a reszta wygaszona (+ może ewentualnie jakiś opis) ale nie wiem jak za to się zarabrać i tutaj pojawiają się moje pytania.

Umieścić cała sylwetkę odpowiednio spreparowaną (Każda partia jest oddzielona) w SVG czy każdą partię dać oddzielnie?

Myślałem dać nasłuchiwać który pobiera id obiektu na którym znajduje się kursors, nakłada na nią fill np. blue a na resztę fill gray.

Z góry dziękuje za wszelką pomoc

Comments

Z tego co wiem to we front-end jest coś takiego jak efekt hover-over. Można go chyba użyć z mapami imagów. Jeśli tak to by rozwiązywało twój problem.