Co to jest SVG?
SVG (Scalable Vector Graphics) to format grafiki wektorowej zapisany w postaci tekstowej, opartej na języku XML. Jest szeroko stosowany na stronach internetowych do prezentacji ikon, wykresów, logo i ilustracji, które mają zachować wysoką jakość przy skalowaniu.
Najważniejsze cechy SVG
- jest formatem wektorowym,
- można go skalować bez utraty jakości,
- dobrze nadaje się do ikon, schematów i prostych ilustracji,
- może być osadzany bezpośrednio w kodzie HTML,
- umożliwia tworzenie animacji.
Czy SVG obsługuje animację?
Tak. SVG może zawierać animowane elementy, na przykład zmianę:
- położenia,
- koloru,
- rozmiaru,
- przezroczystości,
- obrotu obiektów.
Animacje SVG mogą być realizowane przez:
- mechanizmy SVG,
- CSS,
- JavaScript.
Przykład prostego SVG
<svg width="120" height="120">
<circle cx="60" cy="60" r="30" fill="red" />
</svg>
Znaczenie egzaminacyjne
W zadaniach testowych SVG należy rozpoznawać jako format, który:
- zapisuje grafikę wektorową,
- może być używany w internecie,
- może być animowany.
Dlatego SVG nie jest poprawną odpowiedzią w pytaniu o format, który nie umożliwia zapisu plików animowanych.
Porównanie z innymi formatami
- GIF – animacja rastrowa,
- SVG – animacja wektorowa,
- SWF – dawniej animacje i interakcje w technologii Flash,
- ACE – archiwum skompresowanych danych, bez związku z animacją.
Jak zapamiętać?
Litera V w SVG kojarzy się z vector, czyli grafiką wektorową. A skoro obiekty wektorowe można programowo zmieniać, SVG może także obsługiwać animacje.