Zaprogramowanie grafiki zębatki do html

Question

Witam. Planuje zaprogramować poniższą grafikę do html. Niestety nie mam pomysłu jak to ugryźć, gdyż w żaden sposób nie przypomina standardowych divów. Oczywiście kółka wokół zębatki muszą być klikalne. Być może mocno przerasta to moją wiedzę, ale chętnie bym się z tym zmierzył. Ma ktoś jakiś pomysł jak z tym ruszyć? :)
 

Grafika

Answer 1

Hej,

Nie bardzo rozumiem, jak chcesz zaprogramować grafikę w htmlu. Wg mnie możesz wstawić tą grafikę w SVG i zrobić jej wybrane elementy klikalne, albo skorzystać z image map, tu masz oba sposoby opisane: https://stackoverflow.com/questions/42812566/making-different-parts-of-an-svg-image-clickable

Comments

Właśnie dlatego utworzyłem ten temat. W sumie zastanawiałem się czy jest możliwość rozbicia tego na części, skoro grafika jest psd, tylko kminiłem jak to później poskładam. Zatem wychodzi na to, że temat jest dość prosty?

---

Chyba nie warto szukać trudnych rozwiązań, skoro istnieją proste;)  Oczywiście jest możliwość rysowania dzięki canvas: https://developer.mozilla.org/pl/docs/Web/API/Canvas_API/Tutorial , ale biorąc pod uwagę załączoną przez Ciebie grafikę, to delikatnie mówiąc nie najlepszy pomysł.