De basis van svg.

Hieronder staat het stramien van een svg-pagina.
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/SVG/DTD/svg10.dtd">
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
<title>Hier komt een titel</title>
<desc>
<!-- hier komt een beschrijving //-->
</desc>
<g>
<!-- hier komt de afbeelding //-->
</g>
</svg>

Over de eerste twee regels valt er niet veel te zeggen, ze moeten bovenaan in de svg-code staan. De tag <svg></svg> duid het begin van de svg-pagina aan en heeft de volgende attributen:

attribuut verplicht uitleg
height ja Hoogte van de afbeelding.
width ja Breedte van de afbeelding.
zoomAndPan neen Als de waarde van dit attribuut disable is dan kan de gebruiker van de afbeelding niet meer inzoomen of de afbeelding verplaatsen.
version neen De gebruikte SVG-versie.
contentScriptType neen Geeft aan welke script-taal wordt gebruikt (Ecmascript, Javascript,...)
contentStyleType neen Geeft aan welke stijl-taal wordt gebruikt.
viewBox neen Geeft de rechthoek aan die moet worden weergegeven. (x1 x2 hoogte breedte).

Mogelijke subtags:
desc | title | metadata | defs | path | text | rect | circle | ellipse | line | polyline | polygon | use | image | svg | g | view | switch | a | altGlyphDef | script | style | symbol | marker | clipPath | mask | linearGradient | radialGradient | pattern | filter | cursor | font | animate | set | animateMotion | animateColor | animateTransform | color-profile | font-face


Tussen <title> en </title> komt een titel voor de afbeelding die bovenaan in het browservenster wordt getoond. Tussen <desc> en </decs> plaatst u een beschrijving van de afbeelding (deze tag is niet verplicht). Daaronder komt de afbeelding die u eventueel tussen <g> en </g> plaatst. U kan met de tag <use /> gedefineerde afbeeldingen weergeven


Ga naar het volgende hoofdstuk: vormen. Valid XHTML 1.0!