Source du fichier SVG

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="300">
<script><![CDATA[

function tourne_objet(evt , sens)
{
        var objet = evt.target;
        var transfo = objet.getAttributeNS(null , "transform")
        var trans = transfo.substring(0 , transfo.indexOf("rotate"))
        var angle = parseInt(transfo.substring(transfo.lastIndexOf("(") + 1, transfo.lastIndexOf(")")))
        angle += sens * 15;
        var str = trans + "rotate(" + angle.toString() + ")"
        objet.setAttributeNS(null , "transform" , str)
}
]]></script>
<g id="affiche">
<text id="texte" x="150" y="40" text-anchor="middle" font-size="20" font-family="Arial" fill="red">Cliquez sur un rectangle</text>
<rect id="rectangle" onclick="tourne_objet(evt , 1)" x="-50" y="-25" width="100" height="50" transform="translate(300,100) rotate(0)" fill="green"/>
<rect id="rectangle" onclick="tourne_objet(evt , -1)" x="-50" y="-25" width="100" height="50" transform="translate(100,100) rotate(0)" fill="red"/>
</g>
</svg>