Interaktywne obrazki javascript

pytanie zadane 7 sierpnia 2018 w JavaScript przez Patryk Rafał Bywalec (2,700 p.)

Witam, chciałbym się dowiedzieć w jaki sposób mając takie zdjęcie dodać funkcjonalność za pomocą javascript(jquery) aby można było kliknąć w dowolny ząb. Z góry dziękuje za każdą chęć pomocy.

2 odpowiedzi

odpowiedź 7 sierpnia 2018 przez Tomek Sochacki Ekspert (227,510 p.)

Wydaje mi się, że najlepiej gdybyś poprosił grafika aby dał Ci te ząbki w SVG (on pwnie i tak robi j wektorowo więc to nie powinien być problem). Wtedy zrobisz sobie po prostu oddzielne elementy SVG co jednocześnie znacznie ułatwi Ci responsywność aplikacji.

Ewentualnie zabawa z canvas, to znaczy wrzucić obrazek na canvas albo wyrysować to i analizować położenie kursora na canvasie. Dawniej były też pewne rozwiązania z mapami obrazków ale dziś już się chyba tego nie używa...

odpowiedź 8 sierpnia 2018 przez Comandeer Guru (601,110 p.)

Dawniej były też pewne rozwiązania z mapami obrazków ale dziś już się chyba tego nie używa...

Rzeknę tak: jeśli masz to w formie rastrowej i nie wygląda na to, by ktokolwiek chciał Ci to przerobić na SVG, albo nie masz ochoty bawić się w skryptowanie tego na canvas, to mimo wszystko stara, dobra mapa obrazków da radę.

komentarz 8 sierpnia 2018 przez Tomek Sochacki Ekspert (227,510 p.)

Dać radę może i da, ale ja tam mimo wszystko męczyłbym grafika żeby mi to machnął w SVG... przy takich apkach specjalistycznych to pewnie i tak jego rola ogranicza się do malowania ikonek i tego typu obrazków więc domyślam się, że może to nawet mieć zrobione rastrowo tylko po prostu wygenerował dla Kolegi bitmapę. SVG daje więcej możliwości i jest wg mnie przyjemniejsze, zwłaszcza jeśli wejdziemy w RWD jeśli jest to potrzebne w tej apce.