SVG
SVG (lyhenne sanoista Scalable Vector Graphics) on kaksiulotteisten vektorikuvien kuvauskieli, joka perustuu World Wide Web Consortiumin kehittämään avoimeen kuvamuotoon.lähde? Teknisesti SVG-kuvatiedostot on tehty XML-merkintäkielellä. Kuvissa on mahdollista esittää myös liikettä.
Scalable Vector Graphics | |
---|---|
Esimerkki SVG-koodista. |
|
Tiedostopääte |
.svg, .svgz |
Mediatyyppi |
image/svg+xml[1] |
Omistaja | World Wide Web Consortium |
Yleiskatsaus
muokkaaSVG tukee kolmea erilaista graafista objektia:
- Vektorikuvia (l. suorista viivoista ja kaarista muodostuvat reitit sekä niiden rajaamat alueet)
- Rasteri- / digitaalisia kuvia
- Tekstiä
Jos tallennustilasta on puutetta, SVG-kuvat voidaan pakata gzipin avulla. Tällöin tiedostoja voidaan kutsua "SVGZ-tiedostoiksi". Koska tiedostoformaatti muodostuu tekstistä, se pakkautuu erittäin hyvin. Usein jo pakkaamaton SVG-muotoinen kuvatiedosto on vastaavaa kuvaa esittävää rasterikuvatiedostoa pienempi.
Historia
muokkaaSVG:n ensimmäinen hahmotelma julkaistiin vuonna 1999, ja elokuussa 2000 World Wide Web Consortium julkisti ensimmäisen ehdotuksensa suositukselle.[2] Se keräsi pian suosiota, kun Adobe julkaisi SVG Viewer 3:n. Adobe Flashin suosion kasvu teki SVG:stä puolestaan vähemmän suosittua.[3]
Apple kuitenkin ilmoitti vuonna 2008 estävänsä Flashin. IE9 alkoi tukea SVG:tä 2010 ja Android 2012.[3] Sen tuki on sen jälkeen levinnyt kaikkiin moderneihin selaimiin.[2]
Ominaisuudet
muokkaaSVG:llä voidaan kuvata vektorigrafiikkakuvia, bittikarttakuvia (esimerkiksi digitaaliset valokuvat) ja tekstiä samassa dokumentissa. Kaikki SVG:n määritykset ovat XML-koodia, joka voidaan myös syvätä mihin tahansa muuhun XML-dokumenttiin.
SVG-kuvia voidaan dynaamisesti muokata selaimessa DOM-rajapinnan kautta, esimerkiksi JavaScript-kielellä. Myös SMIL-kieltä voidaan käyttää animaatioiden ohjaukseen.
SVG-standardissa on myös kaksi profiilia (SVG Tiny ja SVG Basic), jotka sopivat matkapuhelimiin.
Standardit
muokkaa- SVG 1.2 (luonnos) (englanniksi)
- SVG 1.1 (englanniksi)
- SVG Mobile 1.2 (luonnos) (englanniksi)
- SVG Mobile (englanniksi)
- SVG Print (englanniksi)
Lähteet
muokkaa- ↑ M Media Type registration for image/svg+xml (englanniksi)
- ↑ a b Shortest History Ever of SVG Mijingo, LLC. Viitattu 24.5.2018. (englanniksi)
- ↑ a b Levin, Rob: What Is SVG and Why Do You Care? 20.2.2015. Unicorn UI. Viitattu 24.5.2018. (englanniksi)
Aiheesta muualla
muokkaa- W3C:n SVG-sivusto (englanniksi)
- Apache Batik (englanniksi)
- SVG Authoring Guidelines (englanniksi)
- Johdatus SVG-kieleen (englanniksi)
- SVG selaintuki (englanniksi)
- about-svg.de (Arkistoitu – Internet Archive) (saksaksi)