Az SVG (Scalable Vector Graphics) egy XML-alapú, kétdimenziós vektorgrafikák leírására szolgáló nyelv, amelynek használatához nem feltétlenül kell SVG rajzoló program. Ha ismerjük az SVG nyelvet, egy egyszerű szöveges állomány létrehozásával is tudunk ábrákat előállítani, hasonlóan ahhoz, ahogy weblapokat is létrehozhatunk egyszerű szövegállományok készítésével. Ez azért is jó, mert pl. egy adatbázisban tárolt adatok alapján tudunk grafikákat, diagramokat, sőt animációkat generálni.

Lássunk egy egyszerű példát:

Valósítsuk meg az itt látható objektumot az SVG nyelv használatával.

A Kód

<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="300" height="300" version="1.1" xmlns="http://www.w3.org/2000/svg"> <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/></svg>

Magyarázat

Az XML és DTD deklaráció után az <svg> és </svg> tagek közé írhatjuk a konkrét objektumok leírását. Az svg tag paramétereként adhatjuk meg a grafika méretét (width - szélesség, height - magasság) A <circle> tag segítségével egy kört jeleníthetünk meg, a szükséges paraméterek megadásával. A paraméterek: cx,cy: a kör középpontjának koordinátái r: sugár stroke: körvonal színe stroke-width: körvonal szélessége fill: a kitöltés színe

Az SVG nyelvet az érdeklődők részletesebben is megismerhetik a http://www.w3schools.com/svg/default.asp webcímen  (angol nyelven), illetve a http://svg.lap.hu/ weblapon is találhatnak a témához kapcsolódó linkeket.