SVG

Från Rilpedia

Hoppa till: navigering, sök
Wikipedia_letter_w.pngTexten från svenska WikipediaWikipedialogo_12pt.gif
rpsv.header.diskuteraikon2.gif
Exempel på en SVG-bild
SVG
Filändelse: .svg, .svgz
MIME-typ: image/svg+xml
Typ av format: Vektorgrafik
Utökad från: XML

Scalable Vector Graphics, SVG, är en metod 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.

Innehåll

Programvaror med stöd för SVG

Stödet för SVG är fortfarande i sin linda, men det börjar dyka upp fler och fler applikationer som kan visa eller producera filer i SVG-format.

Stöd i webbläsare

Program som producerar SVG

Exempel

Svg example4.svg

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" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events" version="1.1" baseProfile="full" 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 koordinatsytemet. Sedan följer en rubrik (som inte behövs) och en rad kod som definierar figuren som är avbildad till höger som en .jpg-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

Externa länkar

Källor

  1. Mozillas information om vilka moduler som stöds i Firefox: SVG in Firefox
Personliga verktyg