Video: Skapa din första HTML5 sida 2025
Elementet låter dig bygga en vektorbaserad bild direkt på sidan med SVG-markeringsspråket. Det används ofta för att skapa diagram eller andra visualiseringar dynamiskt. Provkodningen ser ut så här:
Utgången till denna provkod ser ut som:
SVG använder ett XML-system som ligner XHTML. Varje element beskrivs av en tagg, som har olika attribut som definierar storlek, position och färg. Du kan ändra SVG-element med en form av CSS; Du kan skapa och ändra SVG-kod i realtid med JavaScript-kod. eller exportera en SVG-bild från ett verktyg som Dia eller Inkscape och bädda in den resulterande ritningen direkt på sidan.
Den största fördelen med ett vektorbaserat bildformat som SVG är möjligheten att skala bilden utan att förlora bildkvaliteten.
Alla större webbläsare, förutom IE-versioner före IE9, stöder viss nivå av SVG.
Mer information om SVG-standarden finns på W3C SVG-sidan.
