3. Sinds 1999 een aanbeveling van het W3C
Extensible Markup Language (XML) bestands indeling
interactie met via DOM
aan te sturen dmv CSS
4. SVG is een bestandsformaat bestaande uit vectoren.
png, jpg, gif zijn pixel georiënteerd
!
Het gebruiken van SVG afbeeldingen is net zo eenvoudig als het
gebruikt van de bekende pixel georiënteerde bestandsformaten,
maar… er is meer veel meer…
6. Waarom gebruiken
Kleine bestanden en goed te comprimeren
!
Schaalt naar elk gewenst formaat zonder kwaliteit te
verliezen.
Scherpe weergave op retina / hoge resolutie schermen
!
Mogelijkheid tot interactie
7. Hoe maak je een SVG
Inkscape
Adobe
Illustrator
CorelDRAW
8. Hoe gebruik je een SVG
Als <img>
<img src="data:image/svg+xml;base64,[data]>!
!
Als CSS
.logo {!
background: url(data:image/svg+xml;base64,[data]);!
}!
!
<object>
<object type="image/svg+xml" data="data:image/svg
+xml;base64,[data]>!
fallback!
</object>!
!