Czesto spotykacie sie z wykorzystywaniem svg w projektach? Jestem zielony, dlatego pytam czy nie lepiej po prostu wykorzystywac zwyczajną rastrową grafike dla np. logo czy jakichs strzalek czy pierdulek. Raczej malo kto zoomuje stronki tak mocno, wystarczy grafika w odpowiedniej rozdzielczosci odpowiednio wyskalowana. Naprowadzcie mnie i wyjascnijcie do czego uzywacie svg.
0
2
Na przykład do tego. Na rastrach takie animacje byłyby dużo mniej płynne i nie miałbyś takiej kontroli, na jaką pozwalają wektory.
1
polecam ten talk:
A z moich doświadczeń:
- łatwa zmiana koloru. Grafik daje ci białą lupkę, a okazuje się, że gdzieś na podstronie musi być szara. No to zamieniasz po prostu kolor w SVG i masz szarą lupkę. Nie prosisz się i nie czekasz godzinami na nową wersję grafiki, tylko sobie zmieniasz samemu w kodzie atrybut fill na "blue", jak chcesz mieć niebieską.
Raczej malo kto zoomuje stronki tak mocno
- Nie tylko użytkownik zoomuje. Czasami po prostu musisz zrobić w różnych rozmiarach ten sam obrazek. Nie musisz wtedy mieć 5 różnych wielkości, a masz jedną i sobie po prostu zmieniasz sobie wielkość.
Rastrowo może pomniejszysz na luzie, ale już przeskalować w górę byś musiał prosić grafika. Czyli oszczędność czasu.
do czego uzywacie svg.
- SVG to nie tylko ikonki. I wcale SVG nie musi kreować grafik. Przecież równie dobrze SVG może generować programista dynamicznie do jakiegoś wykresu czy wizualizacji danych, czy ogólnie do animacji. Wtedy SVG jest taką wektorową alternatywą do canvasa. Tylko, że w SVG każde kółko, czy strzałka to osobny obiekt, do którego można podpinać eventy, które można animować za pomocą CSS... Dla mnie to jest najciekawsze zastosowanie SVG (czyli dynamiczne tworzenie interaktywnych elementów na stronie - czyli zamiast divów czy canvasa dajemy tag
<svg>i wrzucamy do niego różne elementy SVG, np.<circle>czy inne. Dużo tego jest:
https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial
Zwykłe osadzanie obrazków SVG, które zostały utworzone w jakimś Illustratorze już nie jest aż tak ciekawe.