SVG

• Beskrivelse af grundlæggende geometriske former (polygoner, rektangler, cirkler osv.).
• En bred vifte af visuelle egenskaber, der kan anvendes på former og stier: farve, gennemsigtighed, afrundede hjørner osv.
• Interaktivitet . På hvert enkelt element og på hele billedet kan du hænge en hændelseshandler (klik, flyt, tastetryk osv.), så brugeren kan styre billedet (f.eks. flytte nogle elementer med musen [1] ).
• Animation og scripts. Ved hjælp af ECMAScript eller JavaScript kan du beskrive selv de mest komplekse scenarier relateret til matematiske beregninger af koordinater og proportioner af former. Sammen med interaktivitet og SMIL -animation giver dette en meget bred vifte af muligheder for webgrafikudviklere.

Fordele ved

• Tekstformat - SVG-filer kan læses og redigeres (med nogle færdigheder) ved hjælp af almindelige teksteditorer . Når du ser dokumenter, der indeholder SVG-grafik, har du adgang til at se koden for den fil, der vises, og mulighed for at gemme hele dokumentet. Derudover har SVG-filer en tendens til at være mindre end sammenlignelige JPEG- eller GIF- billeder og komprimere godt.
• Skalerbar - SVG er et vektorformat . Det er muligt at forstørre enhver del af et SVG-billede uden at miste kvalitet. Derudover er det muligt at anvende filtre på elementerne i et SVG-dokument - specielle modifikatorer til at skabe effekter svarende til dem, der bruges ved behandling af bitmapbilleder (sløring, ekstrudering, komplekse transformationssystemer osv.). I teksten til SVG-koden er filtre beskrevet af tags, der gengives af fremviseren, hvilket ikke påvirker størrelsen af ​​kildefilen, samtidig med at det giver den nødvendige illustrative udtryksevne.
• Brugen af ​​bitmap-grafik i SVG-dokumenter er bredt tilgængelig. Du kan indsætte elementer med PNG-, GIF- eller JPG-billeder.
• Teksten i en SVG-grafik er tekst, ikke et billede, så den kan vælges og kopieres, den indekseres af søgemaskiner, og der er ingen grund til at oprette yderligere metafiler til søgerobotter .
• Animationen er implementeret i SVG ved hjælp af sproget SMIL (Synchronized Multimedia Integration Language), også udviklet af W3C-konsortiet. Scriptsprog baseret på ECMAScript -specifikationen er understøttet . SVG-elementer kan manipuleres med JavaScript . Brugen af ​​scripts og animationer i SVG giver dig mulighed for at skabe dynamisk og interaktiv grafik. I SVG leveres en hændelsesmodel, hændelser spores ( sideindlæsning, ændring af dens parametre, mus, tastaturhændelser osv. ). Animation kan udløses af en specifik begivenhed (for eksempel "onmouseover" eller "onclick" ), hvilket gør grafikken interaktiv. Hvert element har sine egne begivenheder, hvortil individuelle scripts kan knyttes.
• SVG er en åben standard. I modsætning til nogle andre formater er SVG ikke proprietær.
• SVG-dokumenter integreres nemt med HTML- og XHTML-dokumenter. Eksterne SVG'er er forbundet via <object>-tagget , værdien af ​​dataattributten er navnet på filen med filtypenavnet ".svg", der indeholder SVG-markeringen og har MIME-typen image/svg+xml. Bredde- og højdeattributterne definerer SVG-områdets vandrette og lodrette dimensioner. SVG-elementer er kompatible med HTML og DHTML.
• Kompatibilitet med CSS ( Engelske  Cascading Style Sheets ). Visningen (formatering og dekoration) af SVG-elementer kan styres gennem CSS 2.0-stilarket og dets udvidelser eller direkte gennem SVG-elementattributter.
• SVG giver alle fordelene ved XML :
  • Evne til at arbejde i forskellige miljøer.
  • Internationalisering (understøttelse af Unicode ).
  • Bred tilgængelighed til forskellige applikationer.
  • Nem modifikation via standard API'er  som DOM . SVG understøtter den standardiserede W3C dokumentobjektmodel DOM, der giver adgang til ethvert element, hvilket giver rig mulighed for dynamisk at ændre elementer, deres attributter og begivenheder.
  • Nem konvertering med XSLT-stylesheets . Som ethvert XML-baseret format giver SVG dig mulighed for at bruge transformationstabeller (XSLT) til at behandle det. Ved at konvertere XML-data til SVG ved hjælp af simpel XSL kan du nemt få en grafisk repræsentation af alle data, for eksempel visualisere kemiske molekyler beskrevet i CML .

Ulemper ved formatet

• Der er overhovedet ingen understøttelse af 3D-grafik
• SVG arver alle ulemperne ved XML , såsom en stor filstørrelse (sidstnævnte er dog kompenseret af eksistensen af ​​et komprimeret SVGZ- format , men det er i øjeblikket vanskeligt at bruge, da SVGZ ikke har sin egen MIME-type ).
• Svært at bruge i store kortlægningsapplikationer på grund af, at dokumentet skal læses i sin helhed for at kunne vise en lille del af billedet korrekt.
• Jo flere fine detaljer i billedet, jo hurtigere vokser størrelsen på SVG-dataene. Et ekstremt tilfælde er, når billedet er hvid støj . I dette tilfælde giver SVG ikke kun nogen fordel i filstørrelsen, men endda et tab sammenlignet med bitmapformatet. I praksis bliver SVG urentabel længe før billedet når niveauet med hvid støj.

Struktur af et SVG-dokument

Den første linje er en standard XML-header, en erklæring ( eng.  XML-declaration ), der angiver versionen af ​​XML (version) ( normalt "1.0" ) og tegnkodning (kodning):