Svg File

This is a really simple code showing the structure of a svg file :

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg onload="init(evt)" width="1000" height="1000">

<script xlink:href="Utility.js"/>

<g id="root">
    <rect id="rectangle" onmousedown="click_root(evt)" x="10" y="10" width="900" height="600" style="fill: #FFF; stroke: #000"></rect>
    <g id="grp01" onmousedown="click_grp('01',evt)">
        <g id="obj01" onmousedown="click_obj('01',evt)">
            <circle cx="100" cy="100" r="40" stroke="black" stroke-width="2" fill="red"/>
        </g>
        <g id="obj02" onmousedown="click_obj('02',evt)">
            <circle cx="500" cy="500" r="40" stroke="black" stroke-width="2" fill="white"/>
        </g>
    </g>
</g>
</svg>