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