Przejdź do głównej treści
  1. Strona główna
  2. Słownik
  3. INF.03
  4. SVG

SVG

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Co to jest SVG?

SVG (Scalable Vector Graphics) to format grafiki wektorowej oparty na języku XML. Jest używany głównie do zapisu ikon, diagramów, logo i ilustracji, które można skalować bez utraty jakości.

Najważniejsze cechy SVG

  • zapisuje grafikę jako opis wektorowy, np. linie, krzywe i kształty,
  • dobrze skaluje się na różnych rozdzielczościach ekranów,
  • może być osadzany bezpośrednio w HTML,
  • może być stylowany za pomocą CSS,
  • może być animowany, np. przez CSS, SMIL lub JavaScript.

Przykład prostego SVG

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" fill="red" />
</svg>

Animacja w SVG

SVG może obsługiwać animacje, np. zmianę położenia, koloru lub rozmiaru elementów. W praktyce często animuje się SVG za pomocą CSS lub JavaScript.

Przykład użycia SVG na stronie:

<img src="logo.svg" alt="Logo strony">

W kontekście egzaminu

W pytaniach o formaty animowane SVG może być uznany za format umożliwiający animację, ponieważ grafika SVG może zawierać lub być poddawana animacjom. Nie jest to format archiwum ani format kompresji plików.