En fait, il faut inclure un lien dans une page html vers un fichier svg, avoir le plug-in et c'est partis.
C'est hyper facile et ça pète tout les effets, enfin j'en suis encore aux formes de base!
exemple:
fichier svg.html
<html>
<head>
</head>
<body>
<embed height="480" name="carteloc2" src="svg.svg" type="image/svg" width="700">
</body>
</html>
fichier svg.svg
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg SYSTEM "svg-19991203.dtd" >
<svg width="500" height="500" >
<g style="text-rendering:optimizeLegibility;shape-rendering:default">
<text x="5" y="20" style="font-size:22">SVG Demo: Basic SVG shapes</text>
<g style="stroke:black; fill:none; shape-rendering:default" >
<circle cx="70" cy="100" r="50" />
<rect x="150" y="50" width="135" height="100" />
<line x1="325" y1="150" x2="375" y2="50" />
<line x1="375" y1="50" x2="425" y2="150" />
<polyline points="50,250,75,350,100,250,125,350,150,250,175,350" />
<polygon points="250,250,297,284,279,340,220,340,202,284,250,250" />
<ellipse cx="400" cy="300" rx="72" ry="50" />
</g>
<g style="text-rendering:optimizeSpeed">
<text x="50" y="175">Circle</text>
<text x="175" y="175">Rectangle</text>
<text x="355" y="175">Lines</text>
<text x="50" y="375">Polyline</text>
<text x="225" y="375">Polygon</text>
<text x="375" y="375">Ellipse</text>
</g>
</g>
</svg>
