Klikanie na obiekt umieszczony w canvas Opcje

[belg2020]

Panie i panowie, siedzę nad tym, przeszukuję internet i nie wiem jaksobie z problemem poradzić. Zainteresowałem się canvasem (w połączeniu z js/jquery) potrafi zrobić ciekawe efekty. Lecz nie mogę sobie poradzic z klikaniem - jest wiele tutoriali, które pokazują klikanie na prostokąt lub koło - co jest akurat proste do zrobienia ale jeśli kształt jest bardziej skomplikowany albo jest umieszczony png.

Jedyne co mi przychodzi do głowy to coś takiego - napisałem prostą funkcję, która analizuje każdy piksel z osobna oddaj mi współrzędne pierwszego "niebiałego" pixela od lewej i pierwszego "niebiałego" od prawej - wtedy mógłbym napisać statement że jeśli kursor jest na osi x pomiędzy y-start - y-stop to wtedy ... i wtedy przekopiować współrzędne - lecz jak będzie tych obiektów dużo, różnych, o różnym kształcie to wydaje mi się, że to nie jest optymalne rozwiązanie, a wręcz jestem przekonany, że musi być na to inny sposób. Pomóżcie proszę.

(IMG:https://i.postimg.cc/HnpvnxcL/obrys.png)

[trueblue]

Nie logowałem się tam, więc nie wiem.

Być może jest to połączenie canvas i SVG, albo canvas na canvas.

Jeszcze jest coś takiego jak tag <area> i <map>.
http://mattstow.com/experiment/responsive-...ps.html#bubbles

Ten post edytował trueblue 12.02.2020, 16:21:43