• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Grafika na stronie

0 głosów
75 wizyt
pytanie zadane 5 stycznia 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ź

0 głosów
odpowiedź 5 stycznia przez Tomek Sochacki Mędrzec (175,900 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 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 przez Tomek Sochacki Mędrzec (175,900 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.

Podobne pytania

+2 głosów
1 odpowiedź 108 wizyt
pytanie zadane 16 czerwca 2016 w HTML i CSS przez Alterwar Mądrala (7,280 p.)
–7 głosów
4 odpowiedzi 359 wizyt
pytanie zadane 28 lipca 2018 w HTML i CSS przez lukas Początkujący (440 p.)
0 głosów
2 odpowiedzi 96 wizyt
pytanie zadane 7 października 2017 w Grafika i multimedia przez Wojciech Tuszkiewicz Użytkownik (500 p.)
Porady nie od parady
Nie wiesz jak poprawnie zredagować pytanie lub pragniesz poznać którąś z funkcji forum? Odwiedź podstronę Pomoc (FAQ) dostępną w menu pod ikoną apteczki.FAQ

63,304 zapytań

109,563 odpowiedzi

228,872 komentarzy

43,893 pasjonatów

Przeglądających: 183
Pasjonatów: 7 Gości: 176

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...