SVG

• Descrierea formelor geometrice de bază (poligoane, dreptunghiuri, cercuri etc.).
• O gamă largă de proprietăți vizuale care pot fi aplicate formelor și căilor: colorare, transparență, colțuri rotunjite etc.
• Interactivitate . Pe fiecare element individual și pe întreaga imagine, puteți agăța un handler de evenimente (click, mutare, apăsare de tastă etc.), astfel încât utilizatorul să poată controla imaginea (de exemplu, muta unele elemente cu mouse-ul [1] ).
• Animație și scenarii. Folosind ECMAScript sau JavaScript , puteți descrie chiar și cele mai complexe scenarii legate de calculele matematice ale coordonatelor și proporțiilor formelor. Împreună cu interactivitatea și animația SMIL , aceasta oferă o gamă foarte largă de posibilități pentru dezvoltatorii de grafică web.

Avantajele

• Format text - fișierele SVG pot fi citite și editate (cu anumite abilități) folosind editori de text obișnuiți . Când vizualizați documente care conțin grafică SVG, aveți acces pentru a vizualiza codul fișierului care este vizualizat și posibilitatea de a salva întregul document. În plus, fișierele SVG tind să fie mai mici decât imaginile JPEG sau GIF comparabile și să se comprima bine.
• Scalable - SVG este un format vectorial . Este posibil să măriți orice parte a unei imagini SVG fără a pierde calitatea. În plus, este posibil să se aplice filtre elementelor unui document SVG - modificatori speciali pentru crearea de efecte similare cu cele utilizate la procesarea imaginilor bitmap (blurring, extrusion, complex transformation systems etc.). În textul codului SVG, filtrele sunt descrise prin etichete care sunt redate de vizualizator, ceea ce nu afectează dimensiunea fișierului sursă, oferind în același timp expresivitatea ilustrativă necesară.
• Utilizarea graficelor bitmap în documentele SVG este disponibilă pe scară largă. Puteți insera elemente cu imagini PNG, GIF sau JPG.
• Textul dintr-o grafică SVG este text, nu o imagine, deci poate fi selectat și copiat, este indexat de motoarele de căutare și nu este nevoie să creați metafișiere suplimentare pentru roboții de căutare .
• Animația este implementată în SVG folosind limbajul SMIL (Synchronized Multimedia Integration Language), dezvoltat tot de consorțiul W3C. Sunt acceptate limbaje de scriptare bazate pe specificația ECMAScript . Elementele SVG pot fi manipulate cu JavaScript . Utilizarea scripturilor și a animațiilor în SVG vă permite să creați grafică dinamică și interactivă. În SVG, este furnizat un model de eveniment, evenimentele sunt urmărite ( încărcarea paginii, modificarea parametrilor acesteia, mouse-ul, evenimentele de la tastatură etc. ). Animația poate fi declanșată de un anumit eveniment (de exemplu , „onmouseover” sau „onclick” ), ceea ce face grafica interactivă. Fiecare element are propriile evenimente la care pot fi atașate scripturi individuale.
• SVG este un standard deschis. Spre deosebire de alte formate, SVG nu este proprietar.
• Documentele SVG sunt ușor de integrat cu documentele HTML și XHTML. SVG-urile externe sunt conectate prin eticheta <object> , valoarea atributului de date este numele fișierului cu extensia „.svg” care conține marcajul SVG și având tipul MIME image/svg+xml. Atributele lățime și înălțime definesc dimensiunile orizontale și verticale ale zonei SVG. Elementele SVG sunt compatibile cu HTML și DHTML.
• Compatibilitate cu CSS ( Engleză  Cascading Style Sheets ). Afișarea (formatarea și decorarea) elementelor SVG poate fi controlată prin foaia de stil CSS 2.0 și extensiile acesteia, sau direct prin atributele elementului SVG.
• SVG oferă toate beneficiile XML :
  • Abilitatea de a lucra în diverse medii.
  • Internaționalizare (suport pentru Unicode ).
  • Disponibilitate largă pentru diverse aplicații.
  • Modificare ușoară prin intermediul API -urilor standard  precum DOM . SVG acceptă modelul de obiect document W3C standardizat DOM, oferind acces la orice element, ceea ce oferă ample oportunități de a schimba dinamic elementele, atributele și evenimentele acestora.
  • Conversie ușoară cu foi de stil XSLT . Ca orice format bazat pe XML, SVG vă permite să utilizați tabele de transformare (XSLT) pentru a-l procesa. Prin conversia datelor XML în SVG folosind XSL simplu , puteți obține cu ușurință o reprezentare grafică a oricăror date, de exemplu, vizualizați molecule chimice descrise în CML .

Dezavantajele formatului

• Nu există deloc suport pentru grafica 3D
• SVG moștenește toate dezavantajele XML , cum ar fi o dimensiune mare a fișierului (cu toate acestea, aceasta din urmă este compensată de existența unui format SVGZ comprimat , dar utilizarea lui este dificilă în prezent, deoarece SVGZ nu are propriul său tip MIME ).
• Dificil de utilizat în aplicațiile de cartografiere mari din cauza faptului că documentul trebuie citit în întregime pentru a afișa corect o mică parte a imaginii.
• Cu cât sunt mai multe detalii fine din imagine, cu atât dimensiunea datelor SVG crește mai repede. Un caz extrem este atunci când imaginea este zgomot alb . În acest caz, SVG nu numai că nu oferă niciun avantaj în dimensiunea fișierului, ci chiar și o pierdere în comparație cu formatul bitmap. În practică, SVG devine neprofitabil cu mult înainte ca imaginea să ajungă la stadiul de zgomot alb.

Structura unui document SVG

Prima linie este un antet XML standard, o declarație (de exemplu, declarație XML )  , care indică versiunea XML (versiunea) ( de obicei „1.0” ) și codificarea caracterelor (codificare):