Source du fichier SVG
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="200">
<script><![CDATA[
function zoom(evt)
{
var svgdoc = evt.target.ownerDocument;
var obj = svgdoc.getElementById("objet");
obj.setAttribute("transform" , "matrix(2 0 0 2 100 75)");
}
function normal(evt)
{
var svgdoc = evt.target.ownerDocument;
var obj = svgdoc.getElementById("objet");
obj.setAttribute("transform" , "matrix(1 0 0 1 100 75)");
}
]]></script>
<text x="100" y="20" text-anchor="middle" font-size="15" font-family="Arial" fill="red">Passez sur le rectangle jaune</text>
<g id="objet" transform="matrix(1 0 0 1 100 75)" onmouseover="zoom(evt)" onmouseout="normal(evt)">
<rect x="-50" y="-25" width="100" height="50" fill="yellow" />
<text x="0" y="0" text-anchor="middle" font-size="12" font-family="Arial" fill="black">Un petit zoom</text>
</g>
</svg>