Wpis z mikrobloga

Musze zrobić "zaznaczenie / wyróżnienie konkretnego obszaru zdjęcia po najechaniu / kliknięciu na tekst"

Przykład:

Mam jedno zdjęcie na którym sa trzy koty.
Pod zdjęciem jest tekst:
1. kot czarny
2. kot rudy
3. kot szary

Po najechaniu / naciśnięciu tekstu "kot czarny" na zdjęciu wokół czarnego kota tworzy się jakieś tam zaznaczenie (elipsa ?)


Oczywiście ja mam bardziej złożony problem i takich „tekstów z kotem” jest ponad 100.
Pytanie jaka technologia będzie najlepsza do rozwiązania tego problemu?
Pierwsza myśl to jakaś technologia webowa (html, css, js) - jakby ktoś mnie naprowadził na trop jak to rozwiązać byłbym wdzięczny.
Ogólnie nie wiem od czego zacząć

#programowanie #webdesign #webdev
źródło: comment_Vj79J099L3Slk8LDVHLU8rQyCTrSum8E.jpg
  • 6
@FedoraTyrone podmiana obrazków to trochę czasochłonne by było, ale wydaję się racjonalnym rozwiązaniem. Mogę podesłać ci oryginalne zdjęcie które muszę wykorzystać ?
@biju: Podmiana obrazków na pewno jest mniej pracochłonna niż wykrywanie konturów, nawet dla 1000 obrazków :)

Jeżeli masz to jakoś matematycznie rozrysowane tak jak tutaj to możesz rysować elipse na 1/3 rysunku i tylko przesuwać ja w zaleźności od wybranego kota ;) Przy 100 obrazkach podejrzwam że może być problem. ( ͡° ͜ʖ ͡°)