SVG

• Geometristen perusmuotojen kuvaus (monikulmiot, suorakulmiot, ympyrät jne.).
• Laaja valikoima visuaalisia ominaisuuksia, joita voidaan soveltaa muotoihin ja polkuihin: väritys, läpinäkyvyys, pyöristetyt kulmat jne.
• Interaktiivisuus . Jokaiseen yksittäiseen elementtiin ja koko kuvaan voidaan ripustaa tapahtumakäsittelijä (napsautus, siirto, näppäinpainallus jne.), jolloin käyttäjä voi ohjata kuvaa (esimerkiksi siirtää joitakin elementtejä hiirellä [1] ).
• Animaatio ja käsikirjoitukset. ECMAScriptin tai JavaScriptin avulla voit kuvata monimutkaisimmatkin skenaariot, jotka liittyvät muotojen koordinaattien ja mittasuhteiden matemaattisiin laskelmiin. Yhdessä interaktiivisuuden ja SMIL -animaatioiden kanssa tämä antaa erittäin laajan valikoiman mahdollisuuksia verkkografiikan kehittäjille.

Edut

• Tekstimuoto - SVG-tiedostoja voidaan lukea ja muokata (joillakin taidoilla) yleisillä tekstieditoreilla . Kun tarkastelet SVG-grafiikkaa sisältäviä asiakirjoja, voit tarkastella tarkasteltavan tiedoston koodia ja tallentaa koko asiakirjan. Lisäksi SVG-tiedostot ovat yleensä pienempiä kuin vastaavat JPEG- tai GIF -kuvat ja pakataan hyvin.
• Skaalautuva - SVG on vektorimuoto . On mahdollista suurentaa mitä tahansa osaa SVG-kuvasta laadun heikkenemättä. Lisäksi on mahdollista käyttää suodattimia SVG-dokumentin elementteihin - erityisiä modifikaatioita, joilla luodaan samanlaisia ​​tehosteita kuin bittikarttakuvien käsittelyssä (sumentaminen, pursotus, monimutkaiset muunnosjärjestelmät jne.). SVG-koodin tekstissä suodattimet kuvataan tunnisteilla, jotka katsoja renderöi, mikä ei vaikuta lähdetiedoston kokoon, mutta tarjoaa tarvittavan havainnollisen ilmaisukyvyn.
• Bittikarttagrafiikan käyttö SVG-dokumenteissa on laajalti saatavilla. Voit lisätä elementtejä, joissa on PNG-, GIF- tai JPG-kuvia.
• SVG-grafiikan teksti on tekstiä, ei kuvaa, joten se voidaan valita ja kopioida, hakukoneet indeksoivat sen, eikä hakuroboteille tarvitse luoda ylimääräisiä metatiedostoja .
• Animaatio on toteutettu SVG:ssä käyttämällä SMIL - kieltä (Synchronized Multimedia Integration Language), jota myös W3C-konsortio on kehittänyt. ECMAScript -määritykseen perustuvia komentosarjakieliä tuetaan . SVG - elementtejä voidaan käsitellä JavaScriptillä . Skriptien ja animaatioiden käyttö SVG:ssä mahdollistaa dynaamisen ja interaktiivisen grafiikan luomisen. SVG:ssä tarjotaan tapahtumamalli, tapahtumia seurataan ( sivun lataus, sen parametrien muuttaminen, hiiri, näppäimistötapahtumat jne. ). Animaation voi laukaista tietty tapahtuma (esimerkiksi "onmouseover" tai "onclick" ), mikä tekee grafiikasta vuorovaikutteisen. Jokaisella elementillä on omat tapahtumansa, joihin voidaan liittää yksittäisiä skriptejä.
• SVG on avoin standardi. Toisin kuin jotkin muut tiedostomuodot, SVG ei ole patentoitu.
• SVG-asiakirjat on helppo integroida HTML- ja XHTML-dokumentteihin. Ulkoiset SVG:t yhdistetään <object>-tunnisteen kautta , data-attribuutin arvo on SVG-merkinnän sisältävän tiedoston nimi, jonka pääte on ".svg" ja jossa on MIME-tyyppinen image/svg+xml. Leveys- ja korkeusmääritteet määrittävät SVG-alueen vaaka- ja pystymitat. SVG-elementit ovat yhteensopivia HTML:n ja DHTML:n kanssa.
• Yhteensopivuus CSS :n kanssa ( Englannin  Cascading Style Sheets ). SVG-elementtien näyttöä (muotoilua ja koristelua) voidaan ohjata CSS 2.0 -tyylitaulukon ja sen laajennuksien kautta tai suoraan SVG-elementtiattribuuttien kautta.
• SVG tarjoaa kaikki XML : n edut :
  • Kykyä työskennellä erilaisissa ympäristöissä.
  • Kansainvälistyminen (tuki Unicodelle ).
  • Laaja saatavuus erilaisiin sovelluksiin.
  • Helppo muokata standardisovellusliittymien ,  kuten DOM :n, kautta . SVG tukee standardoitua W3C-dokumenttiobjektimallia DOM, joka tarjoaa pääsyn mihin tahansa elementtiin, mikä antaa runsaasti mahdollisuuksia muuttaa elementtejä, niiden ominaisuuksia ja tapahtumia dynaamisesti.
  • Helppo muuntaminen XSLT-tyylitaulukoilla . Kuten mikä tahansa XML-pohjainen muoto, SVG mahdollistaa muunnostaulukoiden (XSLT) käsittelyn sen käsittelemiseen. Muuntamalla XML-tiedot SVG:ksi yksinkertaisella XSL :llä voit helposti saada graafisen esityksen mistä tahansa tiedosta, esimerkiksi visualisoida CML :ssä kuvatut kemialliset molekyylit .

Muodin haitat

• 3D-grafiikkaa ei tueta ollenkaan
• SVG perii kaikki XML :n haitat , kuten suuren tiedostokoon (jälkimmäisen kuitenkin kompensoi pakatun SVGZ- muodon olemassaolo , mutta sen käyttö on tällä hetkellä vaikeaa, koska SVGZ:llä ei ole omaa MIME-tyyppiä ).
• Vaikea käyttää suurissa kartoitussovelluksissa, koska asiakirja on luettava kokonaisuudessaan, jotta pieni osa kuvasta näkyy oikein.
• Mitä enemmän hienoja yksityiskohtia kuvassa on, sitä nopeammin SVG-tietojen koko kasvaa. Äärimmäinen tapaus on, kun kuvassa on valkoista kohinaa . Tässä tapauksessa SVG ei vain tarjoa tiedostokokoetua, vaan jopa menetyksen verrattuna bittikarttamuotoon. Käytännössä SVG:stä tulee kannattamaton kauan ennen kuin kuva saavuttaa valkoisen kohinan tason.

SVG-dokumentin rakenne

Ensimmäinen rivi on tavallinen XML-otsikko, ilmoitus ( eng.  XML-ilmoitus ), joka osoittaa XML-version (version) ( yleensä "1.0" ) ja merkkikoodauksen (koodaus):