SVG - informacje wstępne

środa, 29 luty 2012 08:32 pwimmer
Drukuj

SVG oznacza Scalable Vector Graphics, czyli skalowalną grafikę wektorową. Język SVG jest oparty na języku XML i jest oficjalnym standardem World Wide Web Consortium. Pierwsza wersja rekomendacji, czyli SVG 1.0, ukazała się 4 września 2001 roku, natomiast SVG 1.1 Second Edition ukazało się 16 sierpnia 2011 r.

Obraz w formacie SVG jest obrazem zbudowanym z poleceń zapisanych w postaci tekstu, analogicznych do języka HTML czy CSS - przeglądarka z wbudowanym interpreterem SVG (wszystkie główne przeglądarki, w tym Internet Explorer 9, wspierają SVG, natomiast Internet Explorer 8 wymaga zainstalowania bezpłatnej wtyczki Adobe SVG Viewer) czyta kod i interpretuje go, wyświetlając obraz zgodnie z oczekiwaniem autora. Przykładowo, kod o postaci:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"  width="500" height="150">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>

wyświetli koło o następujących cechach:

Figura jest położona na prostokątnym obszarze o szerokości width="500" i wysokości height="150" pikseli.

Warto podkreślić, że SVG jest nie tylko techniką webmasterską - obrazy w tym formacie są też wykorzystywane w publikacjach elektronicznych, w takich formatach, jak ePub czy Kindle Format. SVG zyskuje więc sobie prawo obywatelstwa w coraz popularniejszych ebookach.

Zalety SVG: