Source du fichier SVG

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="200" onload="cree_event(evt)">
<script><![CDATA[

function alerte(evt)
{
        var objet = evt.target;
        var large = objet.getAttributeNS(null , "width");
        alert("Largeur du rectangle: " + large)
}

function cree_event(evt)
{
        svgdoc = evt.target.ownerDocument;
        var node = svgdoc.createElementNS("http://www.w3.org/2000/svg" , "rect");
        node.setAttributeNS(null , "x" , "50");
        node.setAttributeNS(null , "y" , "50");
        node.setAttributeNS(null , "width" , "100");
        node.setAttributeNS(null , "height" , "50");
        node.setAttributeNS(null , "fill" , "red");
        node.addEventListener("mousemove" , alerte , false);
        var ou = svgdoc.getElementById("affiche");
        ou.appendChild(node)
}
]]></script>
<g id="affiche">
<text x="100" y="20" text-anchor="middle" font-size="15" font-family="Arial" fill="red">Passez sur le rectangle rouge</text>
</g>
</svg>