Čo je to SVG

SVG je:

• skratka pre Scalable Vector Graphics
• definuje vektorovú grafiku v XML formáte
• každý element v SVG je možné animovať
• W3C štandard
• integrované aj do iných W3C štandardov napr. DOM, XSL
• Markup language

Hlavné výhody SVG voči iným obľúbeným grafickým formátom na webe:

• SVG je XML - je možné vytvárať a upravovať hoci aj textovým editorom
• SVG obrázky sú ľahko skriptovateľne (SMIL, ECMAScript, JavaScript) a dobre komprimovateľné (súbory .svgz, gzip alg., 20-50% pôvodnej veľkosti)
• SVG je otvorený štandard

Za največšieho konkurenta SVG sa považuje Flash.

Súčastný stav:

• SVG 2 - prvý release 28. august 2012, dokumentácia, zmeny voči 1.1
• SVG 1.1 (druhé vydanie) - W3C štandard od 16. augusta 2011
• SVG 1.1 - W3C štandard od 14. januára 2003
• SVG 1.0 - W3C štandard od 4. septembra 2001

Podporované prehliadače:
Všetky mainstreamové prehliadače ako Mozilla Firefox, Google Chrome/Chromium, Opera, Safari, IE9.
*IE8 a mladšie iba s pluginom, napr. free plugin Adobe SVG Viewer

Príklad SVG: <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <ellipse cx="240" cy="100" rx="220" ry="30" style="fill:blue; opacity:0.75"/>
  <ellipse cx="220" cy="70" rx="190" ry="20" style="fill:lime; opacity:0.75"/>
  <ellipse cx="210" cy="45" rx="170" ry="15" style="fill:red; opacity:0.75"/>
</svg>