Video: Exploring JavaScript and the Web Audio API by Sam Green and Hugh Zabriskie 2024
Elementet lar deg bygge et vektorbasert bilde direkte på siden ved hjelp av SVG-opptaksspråket. Det brukes ofte til å lage diagrammer eller andre visualiseringer dynamisk. Eksempelkodingen ser slik ut:
Utgangen av denne prøvekoden ser ut som:
SVG bruker et XML-system som ligner XHTML. Hvert element er beskrevet av en tag, som har forskjellige attributter som definerer størrelse, posisjon og farge. Du kan endre SVG-elementer med en form for CSS; Du kan opprette og modifisere SVG-koden i sanntid med JavaScript-kode; eller eksporter et SVG-bilde fra et verktøy som Dia eller Inkscape, og legg inn den resulterende tegningen direkte på siden.
Hovedfordelen ved et vektorbasert bildeformat som SVG er muligheten til å skalere bildet uten å miste bildekvaliteten.
Alle større nettlesere, unntatt IE-versjoner før IE9, støtter noe nivå på SVG.
For mer informasjon om SVG-standarden, sjekk ut W3C SVG-siden.