• 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
98 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 (186,730 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 (186,730 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

0 głosów
2 odpowiedzi 71 wizyt
pytanie zadane 21 czerwca w HTML i CSS przez Sobol3k Użytkownik (650 p.)
+2 głosów
1 odpowiedź 114 wizyt
pytanie zadane 16 czerwca 2016 w HTML i CSS przez Alterwar Mądrala (7,280 p.)
–6 głosów
4 odpowiedzi 417 wizyt
pytanie zadane 28 lipca 2018 w HTML i CSS przez lukas Początkujący (440 p.)
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

65,676 zapytań

112,314 odpowiedzi

237,031 komentarzy

46,653 pasjonatów

Przeglądających: 94
Pasjonatów: 3 Gości: 91

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.

...