SVG Scalable Vector Graphics When pixels no longer does it for ya.
SVG in a nutshell Vektorgrafikk uttrykt som XML Geometriske objekter og matematiske funksjoner snarere enn rastergrafikk.
Grunnstruktur <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" " […] …
Grunnleggende objekter Linjer Rektangler Sirkler Ellipser Stier Polylinjer Polygoner
Transformasjoner Applisere en transformasjonsmatrise på punktene i et objekt Typer: Translasjon, flytte relativt til origo: translate(x,y) Rotasjon, snu objektet: rotate(deg [cx,cy]) Kursivering, strekke/forskyve objektet : skewX(lenght) skewY(length) Skalering, endre størrelse og størrelsesforhold på objektet: scale(ratio) Transformasjoner er additive!
Stil og farger CSS: Subsett av CSS2 + spesialtyper Eks, font og tekst fra CSS2 Eks, stroke, fill, stroke-width Stroke og fill Gjennomsiktighet (translucency/opacity) Gradienter, skiftende farger, lineære og radiale Mønstre, gjenta figurer som farge
Animasjon Av: Farger Posisjon Transformasjon: Alt: Tidsbestemt eller eventstyrt, basert på SMIL.
Annet småsnacks Symboler Tekst Filtre Scripting XML-fragmenter (f.eks XHTML)