I HTML5 har vi fått to nye typer vektorisert grafikk, canvas og svg ( Scalable Vector Graphics).
På denne siden vises ulike varianter av SVG-grafikk. Her er et rektangel (rect).
Svg er en beholder der ulike figurer kan plasseres (sirkler, elipser, rektangler, polygoner, linjer og polylinjer, tekst og path for mer avanserte figurer). Innholdet kan skrives dirkekte i html. I dette tilfelle er x=1 (vertikalt startpunkt og y=1(horisontalt startpunkt). Høyden på figuren er satt til 70 og bredden til 90. I tillegg er det oppgitt fyll-farge (#3f6), strekfarge(#666) og strekbredde (2).
Her er eksempler der flere figurer er plassert i samme svg-beholder
I et polygon angir du posisjonen (x- og y-verdi) for hvert punkt. du kan ha så mange antall punkt om du vil. I dette eksempelet er det brukt fill-rule:evenodd i(CSS). Dette gjør at bare armene har fyll og ikke midten.