Voici un le code d'un fichier que vous pouvez enregistrer sous un nom par ex: "boule.svg".
Après double cliquer sur le fichier et normalement si le plug-in est installé corectement, ça marche.
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- ========================================================================= -->
<!-- SVG Sample Pool : Bouncing ball with shadow effect -->
<!-- -->
<!-- This sample shows some powerful features of SVG elements, among -->
<!-- which are the ability to do animation and shadow effects on a circle -->
<!-- -->
<!-- @author Ana Lindstrom-Tamer -->
<!-- XML Technology Center, Sun Microsystems Inc. -->
<!-- @version 1.0, September 7, 2000 -->
<!-- -->
<!-- Copyright 2000 Sun Microsystems, Inc. All rights reserved. -->
<!-- Use is subject to license terms. -->
<!-- ========================================================================= -->
<svg width="290" height="150">
<desc>Bouncing SVG Ball</desc>
<defs>
<!-- Define a drop shadow filter -->
<filter id="dropShadow" filterUnits="objectBoundingBox"
width="150%" height="150%" x="-25%" y="-25%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3" result="blur"/>
</filter>
<!-- gradient for ball -->
<radialGradient id="ballGradient" gradientUnits="objectBoundingBox"
spreadMethod="reflect" cx="30%" cy="30%">
<stop offset="0%" style="stop-color:white"/>
<stop offset="30%" style="stop-color:rgb(181, 181, 230)"/>
<stop offset="90%" style="stop-color:rgb(22, 22, 73)"/>
<stop offset="100%" style="stop-color:black" />
</radialGradient>
<!-- Background Gradient -->
<radialGradient id="backgroundGradient" gradientUnits="objectBoundingBox"
cx="0" cy="0" r="1.2" >
<stop offset="0%" style="stop-color:white"/>
<stop offset="40%" style="stop-color:rgb(181, 181, 230)"/>
<stop offset="80%" style="stop-color:rgb(102, 102, 153)"/>
<stop offset="100%" style="stop-color:rgb(22, 22, 73)" />
</radialGradient>
<!-- SVG ball - created with circle element. Centered about the origin-->
<g id="svgBall" >
<circle r="16" style="fill:url(#ballGradient)" />
</g>
</defs>
<rect width="290" height="150" style="fill:url(#backgroundGradient)"/>
<g transform="translate(140,0)">
<!-- shadow for ball -->
<g transform="translate(4, 110)">
<use xlink:href="#svgBall" style="filter:url(#dropShadow)" >
<animateTransform attributeName="transform" type="scale"
values=".6; 1.5; .6"
additive="replace" dur="1.75s" repeatDur="indefinite" />
<animateTransform attributeName="transform" type="translate"
values="0,0; 60,20; 0,0"
calcMode="spline"
keyTimes="0; .5; 1"
keySplines="0 .75 .25 1; .75 0 1 .25"
additive="sum" dur="1.75s" repeatDur="indefinite" />
</use>
</g>
<!-- ball -->
<g transform="translate(0, 110)">
<use xlink:href="#svgBall">
<animateTransform attributeName="transform" type="translate"
values="0,0; 0,-100; 0, 0;"
calcMode="spline"
keyTimes="0; .5; 1"
keySplines="0 .75 .25 1; .75 0 1 .25"
additive="replace" dur="1.75s" repeatDur="indefinite"/>
</use>
</g>
</g>
</svg>