SVG

• Alapvető geometriai formák leírása (sokszögek, téglalapok, körök stb.).
• A formákra és pályákra alkalmazható vizuális tulajdonságok széles skálája: színezés, átlátszóság, lekerekített sarkok stb.
• Interaktivitás . Minden egyes elemre és a teljes képre felakaszthatunk egy eseménykezelőt (kattintás, mozgatás, billentyűleütés stb.), így a felhasználó vezérelheti a képet (például mozgathat egyes elemeket az egérrel [1] ).
• Animáció és forgatókönyvek. Az ECMAScript vagy a JavaScript használatával még az alakzatok koordinátáinak és arányainak matematikai számításaival kapcsolatos legbonyolultabb forgatókönyveket is leírhatja. Az interaktivitással és a SMIL animációval együtt ez nagyon széles lehetőségeket biztosít a webgrafikus fejlesztők számára.

szerkesztés

• Szövegformátum – Az SVG-fájlok olvashatók és szerkeszthetők (bizonyos készségekkel) általános szövegszerkesztőkkel . Az SVG grafikát tartalmazó dokumentumok megtekintésekor hozzáférhet a megtekintett fájl kódjának megtekintéséhez és a teljes dokumentum mentéséhez. Ezenkívül az SVG-fájlok általában kisebbek, mint a hasonló JPEG- vagy GIF -képek , és jól tömöríthetők.
• A Scalable - SVG egy vektoros formátum . Lehetőség van az SVG-kép bármely részének nagyítására a minőség elvesztése nélkül. Ezenkívül lehetőség van szűrők alkalmazására az SVG-dokumentumok elemeire - speciális módosítók a bittérképes képek feldolgozásakor használt effektusokhoz hasonló effektusok létrehozásához (elmosás, kihúzás, összetett transzformációs rendszerek stb.). Az SVG kód szövegében a szűrőket a megjelenítő által megjelenített címkék írják le, ami nem befolyásolja a forrásfájl méretét, miközben biztosítja a szükséges szemléltető kifejezőerőt.
• A bittérképes grafika használata az SVG dokumentumokban széles körben elérhető. PNG, GIF vagy JPG képeket tartalmazó elemeket szúrhat be.
• Az SVG-grafikák szövege szöveg, nem kép, így kijelölhető és másolható, a keresőmotorok indexelik, és nincs szükség további metafájlok létrehozására a keresőrobotok számára .
• Az animációt SVG-ben valósítják meg a szintén a W3C konzorcium által kifejlesztett SMIL (Synchronized Multimedia Integration Language) nyelv használatával. Az ECMAScript specifikáción alapuló szkriptnyelvek támogatottak . Az SVG elemek manipulálhatók JavaScript segítségével . A szkriptek és animációk használata az SVG-ben lehetővé teszi dinamikus és interaktív grafikák létrehozását. Az SVG-ben egy eseménymodellt biztosítanak, az eseményeket nyomon követik ( oldal betöltése, paramétereinek megváltoztatása, egér, billentyűzet események stb. ). Az animációt kiválthatja egy adott esemény (például "onmouseover" vagy "onclick" ), ami interaktívvá teszi a grafikát. Minden elemnek megvannak a saját eseményei, amelyekhez egyedi szkriptek kapcsolhatók.
• Az SVG nyílt szabvány. Más formátumokkal ellentétben az SVG nem védett.
• Az SVG dokumentumok könnyen integrálhatók HTML és XHTML dokumentumokba. A külső SVG-k az <object> címkén keresztül csatlakoznak, az adatattribútum értéke az SVG jelölést tartalmazó ".svg" kiterjesztésű és MIME típusú image/svg+xml fájl neve. A szélesség és magasság attribútumok határozzák meg az SVG régió vízszintes és függőleges méreteit. Az SVG elemek kompatibilisek a HTML-lel és a DHTML-lel.
• Kompatibilitás a CSS -szel ( angol  lépcsőzetes stíluslapok ). Az SVG elemek megjelenítése (formázása és díszítése) vezérelhető a CSS 2.0 stíluslapon és annak kiterjesztésein keresztül, vagy közvetlenül az SVG elem attribútumokon keresztül.
• Az SVG az XML minden előnyét biztosítja :
  • Különböző környezetekben való munkavégzés képessége.
  • Nemzetköziesítés ( Unicode támogatása ).
  • Széles körű elérhetőség különféle alkalmazásokhoz.
  • Könnyű módosítás szabványos API -kkal  , például DOM -mal . Az SVG támogatja a szabványos W3C dokumentumobjektum-modellt DOM, amely hozzáférést biztosít bármely elemhez, ami bőséges lehetőséget ad az elemek, attribútumok és események dinamikus megváltoztatására.
  • Könnyű konvertálás az XSLT stíluslapokkal . Mint minden XML-alapú formátum, az SVG is lehetővé teszi transzformációs táblák (XSLT) használatát a feldolgozásához. Az XML-adatok egyszerű XSL használatával SVG-vé konvertálásával könnyedén grafikusan megjelenítheti bármely adatot, például megjelenítheti a CML -ben leírt kémiai molekulákat .

A formátum hátrányai

• A 3D grafikát egyáltalán nem támogatja
• Az SVG örökli az XML minden hátrányát , például a nagy fájlméretet (utóbbit azonban kompenzálja a tömörített SVGZ formátum megléte , de használata jelenleg nehézkes, mivel az SVGZ-nek nincs saját MIME típusa ).
• Nagy leképezési alkalmazásokban nehéz használni, mivel a dokumentumot teljes egészében el kell olvasni a kép egy kis részének helyes megjelenítéséhez.
• Minél több finom részlet van a képen, annál gyorsabban növekszik az SVG adatok mérete. Extrém eset az, amikor a kép fehér zaj . Ebben az esetben az SVG nemcsak hogy nem kínál fájlméret-előnyt, de még veszteséget is jelent a bitmap formátumhoz képest. A gyakorlatban az SVG már jóval azelőtt veszteségessé válik, hogy a kép elérné a fehér zaj szintjét.

Egy SVG dokumentum szerkezete

Az első sor egy szabványos XML fejléc, egy deklaráció ( eng.  XML deklaráció ), amely jelzi az XML verzióját (verzió) ( általában "1.0" ) és a karakterkódolást (kódolás):