Movatterモバイル変換


[0]ホーム

URL:


Hoppa till innehållet
Wikipedia
Sök

Scalable Vector Graphics

Från Wikipedia
SVG
Filändelse.svg .svgz
MIME-typimage/svg+xml
Typ av formatVektorgrafik
Utökad frånXML
Exempel på en SVG-bild (i png-format)

Scalable Vector Graphics,SVG, är ettXML-baseratvektorgrafik-format förtvådimensionella bilder som stöderanimationer och interaktivitet. SVG-specifikationen är enöppen standard och har utvecklats avW3C-konsortiet sedan 1999.

SVG-bilder och deras egenskaper definieras i XML-textfiler. SVG-bilder kan därför skapas och redigeras med vilkentextredigerare som helst, men det är ofta mer praktiskt att skapa dem medritprogram som stödjer formatet.

Alla modernawebbläsare inklusiveMozilla Firefox,Microsoft Edge och senare,Google Chrome,Opera ochSafari, stödjer SVG i åtminstone någon utsträckning och kanrendera SVG-märkspråket utantilläggsprogram.

Fleraskrivbordsmiljö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 år2000.

Historik

[redigera |redigera wikitext]

W3C påbörjade 1998 arbete för att få fram ett web-anpassat alternativ till formatetPostScript, med anledning av att detta format gav mycket stora filer för att åstadkomma skalbaratypsnitt och bildobjekt. Sex förslag lämnades in 1998, däribland två förslag från varsitt konsortium i form avPrecision Graphics Markup Language (PGML) frånAdobe Systems,IBM,Netscape ochSun Microsystems, ochVector Markup Language (VML) frånHewlett Packard,Macromedia,Microsoft ochVisio.[1] W3C satte därefter upp en arbetsgrupp under namnet SVG Working Group, som tog fram SVG med PGML och VML som grund.

Versionshistorik

[redigera |redigera wikitext]
  • SVG 1.0 antogs som W3C-rekommendation 4 september 2001.
  • SVG 1.1 antogs som W3C-rekommendation 14 januari 2003.
    • SVG Tiny ochSVG Basic, SVG-profiler för mobila applikationer baserade på SVG 1.1, antogs som W3C-rekommendationer 14 januari 2003.
  • SVG Tiny 1.2 antogs som W3C-rekommendation 22 december 2008.
  • SVG 1.1 Second Edition, som inkluderar felrättning och förklaringar, men inga nya egenskaper, släpptes 16 augusti 2011.
  • SVG 1.2 har under flera års tid funnits i arbetsversion (W3C Working Draft) men kommer inte att fullföljas till en rekommendation, utan överges till förmån för SVG 2.0.
  • SVG 2.0 befinner sig under arbete. I september 2016 släpptes en första kandidatversion[2] med uppdateringar 2018[3]. I september 2025 släpptes ett nytt "Editor's Draft" av arbetsgruppen,[4] vilket inte har en officiell status hos W3C[5].

Översikt

[redigera |redigera wikitext]

SVG tillåter tre typer av grafikobjekt:vektorgrafik,rastergrafik och text. Objekt, inklusivePNG- ochJPEG-rasterbilder, kan grupperas, ges olika stil, transformeras och ingå i kompositobjekt med andra objekt.

Programvaror med stöd för SVG

[redigera |redigera wikitext]

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[6] för hur stor del av SVG-standarden en vissprogramvara stödjer publiceras av Jeff Schiller

Den här artikeln eller det här avsnittetinnehå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 attredigera artikeln eller diskutera saken pådiskussionssidan.

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

  • Genom elementenobject ochembed
  • IXHTML, genom att infoga koden och ange dessnamnrymd
  • IHTML5 kan man infoga koden direkt, utan att ange namnrymd.
  • Genom att ange sökväg till en SVG-fil medimg-elementet i HTML.
  • Genom att ange en SVG-fil som bakgrundsbild iCSS
  • 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

[redigera |redigera wikitext]
  • Presto, renderingsmotorn somOpera använder har nästan full stöd för SVG 1.1 Full.[7]
  • Gecko, renderingsmotorn som Firefox använder har nästan fullt stöd för SVG 1.1 Full.[8]
  • Webkit, renderingsmotorn som Safari,Chromium och Google Chrome använder har nästan fullt stöd för SVG 1.1 Full.[9]
  • Webbläsaren iAndroid saknade ursprungligen stöd för SVG (på grund av att man ville spara plats i minnet.[10]), men har fr.o.m. Honeycomb stöd för SVG.
  • WebbläsarenKonqueror som baseras påKHTML ochKPARTS) har delvis stöd för SVG.
  • Internet Explorer 9 och senare versioner stöder SVG.[11] Ä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

[redigera |redigera wikitext]

Exempel

[redigera |redigera wikitext]

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

<svgxmlns="http://www.w3.org/2000/svg"width="226"height="226"><title>Circle</title><circlecx="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.

Se även

[redigera |redigera wikitext]

Referenser

[redigera |redigera wikitext]
Den här artikeln är helt eller delvis baserad på material frånengelskspråkiga Wikipedia,Scalable Vector Graphics,tidigare version.
Den här artikeln är helt eller delvis baserad på material frånengelskspråkiga Wikipedia,SVG Working Group,tidigare version.

Noter

[redigera |redigera wikitext]
  1. ^Secret Origin of SVGArkiverad 24 december 2020 hämtat från theWayback Machine.,W3C, läst 2013-01-06
  2. ^”Scalable Vector Graphics (SVG) 2” (på engelska). www.w3.org. W3C.https://www.w3.org/TR/2016/CR-SVG2-20160915/Overview.html. Läst 23 oktober 2025. 
  3. ^”Scalable Vector Graphics (SVG) 2” (på engelska). www.w3.org. W3C.https://www.w3.org/TR/2018/CR-SVG2-20181004/Overview.html. Läst 23 oktober 2025. 
  4. ^”Scalable Vector Graphics (SVG) 2” (på engelska). svgwg.org.https://svgwg.org/svg2-draft/. Läst 23 oktober 2025. 
  5. ^”W3C Process Document” (på engelska). www.w3.org. W3C.https://www.w3.org/policies/process/20250818/Overview.html. Läst 23 oktober 2025. 
  6. ^Resultatet av den officiella testsviten
  7. ^SVG stöd i Presto 2,12[1]Arkiverad 5 november 2012 hämtat från theWayback Machine.
  8. ^SVG stöd i Gecko[2]Arkiverad 7 maj 2012 hämtat från theWayback Machine.
  9. ^Nuvarande implementation i Webkit[3]
  10. ^[4]
  11. ^”HTML5 SVG” (på engelska). w3schools.com. w3schools.https://www.w3schools.com/html/html5_svg.asp. Läst 3 juli 2017. 


Externa länkar

[redigera |redigera wikitext]
Hämtad från ”https://sv.wikipedia.org/w/index.php?title=Scalable_Vector_Graphics&oldid=58419340
Kategorier:
Dolda kategorier:

[8]ページ先頭

©2009-2026 Movatter.jp