SVG sarjaopas

SVG kurssivinkki:

SVG tarkoittaa skaalautuvaa vektorigrafiikkaa (Scalable Vector Graphics) XML määrittää vektorisiin grafiikoihin perustuvia malleja.

jokaisessa luvussa olevat esimerkit

Voit muokata SVG:ta käyttämällä 'Kokeile itse' -editoria ja sitten napsauttaa painiketta nähdäksesi tuloksen.

SVG esimerkit

<html>
<body>
<h1>Ensimmäinen SVG:ni</h1>
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>

kokeile itse

tarvittavat perustiedot

jatkaessasi opintojasi, sinun tulisi olla perustiedoissa seuraavista:

  • HTML
  • perusteellinen XML

Jos haluat ensin oppia nämä asiat, vieraile relevantilla oppailla verkkosivullamme.

mitä SVG？

  • SVG tarkoittaa skaalautuvaa vektorigrafiikkaa (Scalable Vector Graphics)
  • SVG käytetään määrittämään vektorisiin Web-grafiikoihin perustuvia grafiikoita
  • SVG määritellä grafiikka XML-muodossa
  • SVG jokainen elementti ja jokainen ominaisuus tiedostossa voidaan animoida
  • SVG se on W3C:n suositelluksi standardiksi
  • SVG integroituu muiden W3C-standardien kanssa, esimerkiksi DOM ja XSL

SVG se on W3C:n suositelluksi standardiksi

SVG 1.0 tuli W3C:n suositelluksi standardiksi 4. syyskuuta 2001.

SVG 1.1 tuli W3C:n suositelluksi standardiksi 14. tammikuuta 2003.

SVG 1.1 (toinen versio) tuli W3C:n suositelluksi standardiksi 16. elokuuta 2011.

SVG edut

Vertaamalla muihin kuvamuotoihin (kuten JPEG ja GIF) käyttäen SVG edut ovat:

  • SVG kuva voidaan luoda ja muokata millä tahansa tekstitiedoston luojalla
  • SVG kuva voidaan hakea, indeksoida, skriptata ja puristaa
  • SVG kuva on laajennettavissa
  • SVG kuva voidaan tulostaa korkealaatuisesti millä tahansa resoluutiolla
  • SVG kuva on skaalattavissa
  • SVG grafiikka ei menetä laatuaan skaalaamisen tai kokoonpanon muuttuessa
  • SVG se on avoimen lähdekoodin standardi
  • SVG tiedosto on pelkkää XML

luominen SVG kuva

SVG Kuvia voidaan luoda millä tahansa tekstitiedoston luojalla, mutta käyttämällä piirto-ohjelmaa (esimerkiksi Inkscape）SVG-kuvien luominen on yleensä helpompaa.