SVG

• Beskrivning av grundläggande geometriska former (polygoner, rektanglar, cirklar, etc.).
• Ett brett utbud av visuella egenskaper som kan appliceras på former och banor: färg, transparens, rundade hörn, etc.
• Interaktivitet . På varje enskilt element och på hela bilden kan du hänga en händelsehanterare (klicka, flytta, tangenttryckningar etc.), så att användaren kan styra bilden (till exempel flytta vissa element med musen [1] ).
• Animation och manus. Med hjälp av ECMAScript eller JavaScript kan du beskriva även de mest komplexa scenarierna relaterade till matematiska beräkningar av formernas koordinater och proportioner. Tillsammans med interaktivitet och SMIL- animation ger detta ett mycket brett utbud av möjligheter för webbgrafikutvecklare.

Fördelar med

• Textformat - SVG-filer kan läsas och redigeras (med vissa kunskaper) med vanliga textredigerare . När du tittar på dokument som innehåller SVG-grafik har du tillgång till att se koden för filen som visas och möjligheten att spara hela dokumentet. Dessutom tenderar SVG-filer att vara mindre än jämförbara JPEG- eller GIF- bilder och komprimeras bra.
• Skalbart - SVG är ett vektorformat . Det är möjligt att förstora vilken del av en SVG-bild som helst utan att förlora kvalitet. Dessutom är det möjligt att tillämpa filter på elementen i ett SVG-dokument - speciella modifierare för att skapa effekter som liknar de som används vid bearbetning av bitmappsbilder (suddar, extrudering, komplexa transformationssystem, etc.). I texten i SVG-koden beskrivs filter av taggar som renderas av tittaren, vilket inte påverkar storleken på källfilen, samtidigt som det ger den nödvändiga illustrativa uttrycksförmågan.
• Användningen av bitmappsgrafik i SVG-dokument är allmänt tillgänglig. Du kan infoga element med PNG-, GIF- eller JPG-bilder.
• Texten i en SVG-grafik är text, inte en bild, så den kan väljas och kopieras, den indexeras av sökmotorer och det finns inget behov av att skapa ytterligare metafiler för sökrobotar .
• Animeringen implementeras i SVG med hjälp av SMIL -språket (Synchronized Multimedia Integration Language), också utvecklat av W3C-konsortiet. Skriptspråk baserade på ECMAScript- specifikationen stöds . SVG - element kan manipuleras med JavaScript . Användningen av skript och animationer i SVG gör att du kan skapa dynamisk och interaktiv grafik. I SVG tillhandahålls en händelsemodell, händelser spåras ( sidladdning, ändring av dess parametrar, mus, tangentbordshändelser, etc. ). Animation kan utlösas av en specifik händelse (till exempel "onmouseover" eller "onclick" ), vilket gör grafiken interaktiv. Varje element har sina egna händelser som enskilda skript kan kopplas till.
• SVG är en öppen standard. Till skillnad från vissa andra format är SVG inte proprietärt.
• SVG-dokument integreras enkelt med HTML- och XHTML-dokument. Externa SVG:er ansluts via taggen <object> , värdet på dataattributet är namnet på filen med filtillägget ".svg" som innehåller SVG-uppmärkningen och har MIME-typen image/svg+xml. Bredd- och höjdattributen definierar de horisontella och vertikala dimensionerna för SVG-området. SVG-element är kompatibla med HTML och DHTML.
• Kompatibilitet med CSS ( Engelska  Cascading Style Sheets ). Visningen (formatering och dekoration) av SVG-element kan styras genom CSS 2.0-stilmall och dess tillägg, eller direkt genom SVG-elementattribut.
• SVG ger alla fördelar med XML :
  • Förmåga att arbeta i olika miljöer.
  • Internationalisering (stöd för Unicode ).
  • Stor tillgänglighet för olika applikationer.
  • Enkel modifiering via vanliga API :er  som DOM . SVG stöder den standardiserade W3C-dokumentobjektmodellen DOM, vilket ger tillgång till alla element, vilket ger stora möjligheter att dynamiskt ändra element, deras attribut och händelser.
  • Enkel konvertering med XSLT-formatmallar . Som alla XML-baserat format låter SVG dig använda transformationstabeller (XSLT) för att bearbeta det. Genom att konvertera XML-data till SVG med enkla XSL kan du enkelt få en grafisk representation av alla data, till exempel visualisera kemiska molekyler som beskrivs i CML .

Nackdelar med formatet

• Det finns inget stöd för 3D-grafik alls
• SVG ärver alla nackdelar med XML , till exempel en stor filstorlek (den senare kompenseras dock av att det finns ett komprimerat SVGZ- format , men det är svårt att använda det för närvarande, eftersom SVGZ inte har sin egen MIME-typ ).
• Svårt att använda i stora kartapplikationer på grund av att dokumentet måste läsas i sin helhet för att korrekt visa en liten del av bilden.
• Ju fler fina detaljer i bilden, desto snabbare växer storleken på SVG-data. Ett extremfall är när bilden är vitt brus . I det här fallet erbjuder SVG inte bara någon filstorleksfördel, utan även en förlust jämfört med bitmappsformatet. I praktiken blir SVG olönsamt långt innan bilden når nivån av vitt brus.

Struktur för ett SVG-dokument

Den första raden är en vanlig XML-rubrik, en deklaration ( eng.  XML-deklaration ), som anger versionen av XML (version) ( vanligtvis "1.0" ) och teckenkodning (kodning):