Grafika na stronie

pytanie zadane 5 stycznia 2019 w Grafika i multimedia przez HackerProgramer Nowicjusz (170 p.)

Witam,

Wie ktoś jak mogę uzyskać efekt, żeby np. po najechaniu myszką na obrazek, jego kontur podświetlił się np. na czerwono? gdyż standardowo obrazki są w formie prostokątów. Wolałbym uniknąć stosowania svg lub canvasa, bo nie jestem dość dobry z tego i jest to dosyć czasochłonne. Może da się jakoś wyciąć tło obrazka(nawet przezroczyste) do jego kontur w jakimś programie graficznym? Chodzi mniej więcej o coś jak poniżej. Z góry dziękuję za wszystkie odpowiedzi i komentarze;)

kontury

1 odpowiedź

odpowiedź 5 stycznia 2019 przez Tomek Sochacki Ekspert (227,510 p.)

Jeśli nie znasz za bardzo JS, canvas czy svg itd., to możesz tak na szybko zrobić dwie wersje obrazka - z konturem i bez, i na zdarzenie mouseenter i mouseleave odpowiednio możesz podmieniać src obrazka. Sposob trochę 'łopatologiczny", ale wbrew pozorom czasami lepszy gdy nie ma czasu na kodowanie czegoś bardziej uniwersalnego.

komentarz 6 stycznia 2019 przez HackerProgramer Nowicjusz (170 p.)

na JS znam się dość dobrze, niestety nie wiem jak mogę przygotować obrazek w taki sposób

komentarz 6 stycznia 2019 przez Tomek Sochacki Ekspert (227,510 p.)

Jeśli zrobiłbyś taki kształt np. na canvasie cy svg to można by zrobić drugi element, odpalany na hovera, a byłby nim ten kształt po transformacji, np. zeskalowanie o 5% na plus czy minus, nadanie innego stylu dla linii itp.

Tak się tylko zastanawiam... bo o ile zrobienie tej transformacji to nie jest problem, to czy warto męczyć się w JS i rysować ręcznie te kształty...? Czy nie szybsze jednak będzie to rozwiązanie z dwoma grafikami? Chyba, że ma być to skalowalne to wtedy w sumie svg byłoby najlepsze.. są chyba w sumie jakieś generatory svg, nigdy tego nie robiłem ale poszukaj pod takim hasłem.