Loading AI tools
vektorgrafik-format för tvådimensionella bilder, med stöd för animationer och interaktivitet Från Wikipedia, den fria encyklopedin
Scalable Vector Graphics, SVG, är ett XML-baserat vektorgrafik-format för tvådimensionella bilder som stöder animationer och interaktivitet. SVG-specifikationen är en öppen standard och har utvecklats av W3C-konsortiet sedan 1999.
SVG | |
Filändelse | .svg .svgz |
---|---|
MIME-typ | image/svg+xml |
Typ av format | Vektorgrafik |
Utökad från | XML |
SVG-bilder och deras egenskaper definieras i XML-textfiler. SVG-bilder kan därför skapas och redigeras med vilken textredigerare som helst, men det är ofta mer praktiskt att skapa dem med ritprogram som stödjer formatet.
Alla moderna webbläsare inklusive Mozilla Firefox, Microsoft Edge och senare, Google Chrome, Opera och Safari, stödjer SVG i åtminstone någon utsträckning och kan rendera SVG-märkspråket utan tilläggsprogram.
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.
W3C påbörjade 1998 arbete för att få fram ett web-anpassat alternativ till formatet PostScript, med anledning av att detta format gav mycket stora filer för att åstadkomma skalbara typsnitt och bildobjekt. Sex förslag lämnades in 1998, däribland två förslag från varsitt konsortium i form av Precision Graphics Markup Language (PGML) från Adobe Systems, IBM, Netscape och Sun Microsystems, och Vector Markup Language (VML) från Hewlett Packard, Macromedia, Microsoft och Visio.[1] W3C satte därefter upp en arbetsgrupp under namnet SVG Working Group, som tog fram SVG med PGML och VML som grund.
SVG tillåter tre typer av grafikobjekt: vektorgrafik, rastergrafik och text. Objekt, inklusive PNG- och JPEG-rasterbilder, kan grupperas, ges olika stil, transformeras och ingå i kompositobjekt med andra objekt.
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 [3] för hur stor del av SVG-standarden en viss programvara stödjer publiceras av Jeff Schiller
Den här artikeln eller det här avsnittet innehåller inaktuella uppgifter och behöver uppdateras. (2012-10) Motivering: Jeff Schillers test är från 2011-03-24, artikeln behöver uppdaterade uppgifter Hjälp gärna Wikipedia att åtgärda problemet genom att redigera artikeln eller diskutera saken på diskussionssidan. |
Olika sätt att inkludera SVG i en webbsida är exempelvis:
object
och embed
img
-elementet i HTML.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.
Seamless Wikipedia browsing. On steroids.
Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.
Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.