Ero sivun ”SVG” versioiden välillä
pEi muokkausyhteenvetoa |
p (Esimerkki SVG-tiedoston sisällöstä.) |
||
| (Yhtä välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
| Rivi 1: | Rivi 1: | ||
{{perustietoa}} | {{perustietoa}} | ||
'''Scalable Vector Graphics''' (SVG) on [[XML]]-pohjainen skaalautuva vektorikuvatiedostomuoto. | {{Tiedostomuodot | ||
| nimi = SVG | |||
| logo = | |||
| logoteksti = | |||
| kehittäjä = [[W3C]] | |||
| säiliönmuoto = | |||
| tiedostopääte = .svg, .svgz | |||
| mediatyyppi = image/svg+xml | |||
| koodekki = | |||
| vakaaversio = | |||
| vakaapvm = | |||
| ohjelmoitu = | |||
| lisenssi = | |||
| kotisivu = [https://www.w3.org/Graphics/SVG/ www.w3.org/Graphics/SVG/] | |||
| avoinkoodi = | |||
}} | |||
'''Scalable Vector Graphics''' (SVG) on [[XML]]-pohjainen skaalautuva vektorikuvatiedostomuoto. Se koostuu kahdesta osasta: XML-pohjaisesta tiedostomuodosta ja graafisten sovellusten ohjelmointirajapinnasta. Keskeisiä ominaisuuksia ovat muodot, teksti ja upotettu rasterigrafiikka ja käytettävissä on monia erilaisia maalaustyylejä. Se tukee skriptausta [[ECMAScript]]in kaltaisilla kielillä ja siinä on kattava tuki animaatiolle. | |||
SVG:tä käytetään monilla aloilla, kuten web-grafiikassa, animaatioissa, käyttöliittymissä, grafiikan vaihdossa, tulostuksessa ja paperitulosteissa, mobiilisovelluksissa ja korkealaatuisessa suunnittelussa. | |||
SVG on W3C:n prosessin puitteissa kehitetty tekijänoikeudeton ja myyjäneutraali avoin standardi. SVG-määrittelyn laatijoita ovat muun muassa Adobe, Agfa, Apple, Canon, Corel, Ericsson, HP, IBM, Kodak, Macromedia, Microsoft, Nokia, Sharp ja Sun Microsystems. SVG-katseluohjelmia on käytössä yli 100 miljoonassa työpöydässä ja monet kirjoitustyökalut tukevat niitä laajasti. | |||
SVG perustuu moniin muihin menestyksekkäisiin standardeihin, kuten [[XML]]:ään (SVG-grafiikka on tekstipohjaista ja siten helppo luoda), kuvaformaatteihin JPEG ja PNG, skriptaukseen ja vuorovaikutteisuuteen tarkoitettuun DOM:ään, animaatioihin tarkoitettuun SMIL:ään ja muotoiluun tarkoitettuun CSS:ään. | |||
Esimerkki SVG-tiedoston sisällöstä. | |||
<syntaxhighlight lang="bash"> | |||
<?xml version="1.0" standalone="no"?> | |||
<svg viewBox="0 0 480 150" style="background-color:#ffffff00" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" x="0px" y="0px" width="480" height="150"> | |||
<path d="M 0 35.5 L 6.5 22.5 L 16 37 L 23 24 L 34.8 43.7 L 42.5 30 L 50.3 47 L 59.7 27.7 L 69 47 L 85 17.7 L 98.3 39 L 113 9.7 L 127.7 42.3 L 136.3 23.7 L 147 44.3 L 158.3 20.3 L 170.3 40.3 L 177.7 25.7 L 189.7 43 L 199.7 21 L 207.7 35 L 219 11 L 233 37 L 240.3 23.7 L 251 43 L 263 18.3 L 272.7 33.3 L 283 10 L 295 32.3 L 301.3 23 L 311.7 37 L 323.7 7.7 L 339.3 39 L 346.3 25.7 L 356.3 42.3 L 369.7 15 L 376.3 25.7 L 384 9 L 393 28.3 L 400.3 19 L 411.7 38.3 L 421 21 L 434.3 43 L 445 25 L 453 36.3 L 464.3 18.3 L 476.2 40.3 L 480 33.5 L 480 215 L 0 215 L 0 35.5 Z" fill="#175720"/> | |||
</svg> | |||
</syntaxhighlight> | |||
{{Kuvatiedostomuodot}} | {{Kuvatiedostomuodot}} | ||
Nykyinen versio 11. huhtikuuta 2022 kello 00.27
| SVG | |
|---|---|
| Kehittäjä(t) | W3C |
| Tiedostopääte | .svg, .svgz |
| Mediatyyppi | image/svg+xml |
| Kotisivu | www.w3.org/Graphics/SVG/ |
Scalable Vector Graphics (SVG) on XML-pohjainen skaalautuva vektorikuvatiedostomuoto. Se koostuu kahdesta osasta: XML-pohjaisesta tiedostomuodosta ja graafisten sovellusten ohjelmointirajapinnasta. Keskeisiä ominaisuuksia ovat muodot, teksti ja upotettu rasterigrafiikka ja käytettävissä on monia erilaisia maalaustyylejä. Se tukee skriptausta ECMAScriptin kaltaisilla kielillä ja siinä on kattava tuki animaatiolle.
SVG:tä käytetään monilla aloilla, kuten web-grafiikassa, animaatioissa, käyttöliittymissä, grafiikan vaihdossa, tulostuksessa ja paperitulosteissa, mobiilisovelluksissa ja korkealaatuisessa suunnittelussa.
SVG on W3C:n prosessin puitteissa kehitetty tekijänoikeudeton ja myyjäneutraali avoin standardi. SVG-määrittelyn laatijoita ovat muun muassa Adobe, Agfa, Apple, Canon, Corel, Ericsson, HP, IBM, Kodak, Macromedia, Microsoft, Nokia, Sharp ja Sun Microsystems. SVG-katseluohjelmia on käytössä yli 100 miljoonassa työpöydässä ja monet kirjoitustyökalut tukevat niitä laajasti.
SVG perustuu moniin muihin menestyksekkäisiin standardeihin, kuten XML:ään (SVG-grafiikka on tekstipohjaista ja siten helppo luoda), kuvaformaatteihin JPEG ja PNG, skriptaukseen ja vuorovaikutteisuuteen tarkoitettuun DOM:ään, animaatioihin tarkoitettuun SMIL:ään ja muotoiluun tarkoitettuun CSS:ään.
Esimerkki SVG-tiedoston sisällöstä.
<?xml version="1.0" standalone="no"?>
<svg viewBox="0 0 480 150" style="background-color:#ffffff00" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" x="0px" y="0px" width="480" height="150">
<path d="M 0 35.5 L 6.5 22.5 L 16 37 L 23 24 L 34.8 43.7 L 42.5 30 L 50.3 47 L 59.7 27.7 L 69 47 L 85 17.7 L 98.3 39 L 113 9.7 L 127.7 42.3 L 136.3 23.7 L 147 44.3 L 158.3 20.3 L 170.3 40.3 L 177.7 25.7 L 189.7 43 L 199.7 21 L 207.7 35 L 219 11 L 233 37 L 240.3 23.7 L 251 43 L 263 18.3 L 272.7 33.3 L 283 10 L 295 32.3 L 301.3 23 L 311.7 37 L 323.7 7.7 L 339.3 39 L 346.3 25.7 L 356.3 42.3 L 369.7 15 L 376.3 25.7 L 384 9 L 393 28.3 L 400.3 19 L 411.7 38.3 L 421 21 L 434.3 43 L 445 25 L 453 36.3 L 464.3 18.3 L 476.2 40.3 L 480 33.5 L 480 215 L 0 215 L 0 35.5 Z" fill="#175720"/>
</svg>
| Kuvatiedostomuodot |
| Häviölliset (compressed) kuvatiedostomuodot |
| JPEG | jpegli | HEIF | WebP |
| Häviöttömät kuvatiedostomuodot |
| PNG | GIF | SVG | HEIF | TIFF | WebP |
| Kuvatiedostokoodekit |
| AVIF |