Scalable Vector Graphics

SVG
Filändelse	.svg, .svgz
MIME-typ	image/svg+xml
Typ av format	Vektorgrafik
Utökad från	XML

Exempel på en SVG-bild (i png-format)

Scalable Vector Graphics, SVG, är en metod som tillämpas i filformatet .svg för att beskriva skalbar tvådimensionell vektorgrafik samt animationer av densamma. Metoden är utvecklad av W3C-konsortiet, och är en tillämpning av XML.

Flera skrivbordsmiljöer (KDE, Gnome med flera) arbetar med att försöka göra all grafik SVG-baserad. Detta gör att skrivbordets upplösning blir irrelevant då allt kan skalas till valfri storlek. Gnome har haft inbyggt stöd för SVG sedan år 2000.

Programvaror med stöd för SVG

SVG kan användas med flera olika slags programvaror, men förekommer oftast i diskussioner runt webben. Stödet för SVG kan definieras på två sätt, dels om hur stor del av standarden som stöds, dels på vilket vis man kan inkludera SVG-bilder.

Resultatet av den officiella testsviten för hur stor del av SVG-standarden en viss programvara stödjer publiceras av Jeff Schiller.

Olika sätt att inkludera SVG i en webbsida är exempelvis:

• Genom elementen object och embed
• I XHTML, genom att infoga koden och ange dess namnrymd
• I HTML5 kan man infoga koden direkt, utan att ange namnrymd.
• Genom att ange sökväg till en SVG-fil med img-elementet i HTML.
• Genom att ange en SVG-fil som bakgrundsbild i CSS
• Genom att applicera SVG som filter eller mask ovanpå vanligt HTML-innehåll.
• Genom att inkludera en SVG-fil som bildelement inuti en annan SVG-fil, med SVG:s eget bildelement.

Stöd i webbläsare

• Opera stödjer SVG för närvarande (2010-08) bättre än någon annan webbläsare. (Se resultaten hos Jeff Schiller.)
• Webbläsare baserade på Gecko såsom Firefox och Camino 1.0 har ett inkomplett stöd för specifikationen SVG Full 1.1.
• Webbläsare baserade på Webkit såsom Safari och Google Chrome, men inte webbläsaren i Android
• Webbläsaren Konqueror som baseras på KHTML och KPARTS) har delvis stöd för SVG.
• Internet Explorer version 9 kommer stödja SVG. Äldre versioner kan använda ett insticksprogram för att visa SVG.
• Amaya har begränsat stöd för SVG.

Program som producerar SVG

• Inkscape är ett vektorbaserat ritprogram som har stöd för SVG filformat.
• Adobe Illustrator kan spara i SVG.
• Arbortext Isodraw kan spara i SVG.

Exempel

Om man vill rita en röd cirkel med svart kant så kan det exempelvis göras på detta vis:

<svg xmlns="http://www.w3.org/2000/svg" width="226" height="226">
  <title>Circle</title>
  <circle cx="110" cy="107" r="80" stroke="black" stroke-width="5" fill="red"/>
</svg>

Ovanstående kodexempel börjar med några rader kod som definierar XML-skelettet och storleken på det interna koordinatsystemet. Sedan följer en rubrik (som inte behövs) och en rad kod som definierar figuren som är avbildad till höger som en .png-fil.

Croczilla.org har en sida med många SVG-exempel inklusive lättillgänglig källkod, från enkla upp till ett fullt spelbart Tetris gjort i SVG.

Se även

• Bildfilformat
• GIF
• JPEG
• PNG
• TIFF

Externa länkar

• W3C - SVG
• SVG 1.0 - den gamla rekommendationen från september 2001.
• SVG 1.1 - nuvarande rekommendation
• SVG 1.2 - finns som Working Draft från april 2003.
• about-svg.de
• [2] - IDG skriver om SVG - 2006.
• [3] - SVG-plugin från Adobe.
• [4] - SVG-plugin från Examotion.
• Inkscapes hemsida
• Wikimedia Commons har media som rör Scalable Vector Graphics.
  Bilder & media