STIC:Atelier graphisme, animation, interactivité et HTML5/Animation rectangle SVG

De EduTech Wiki
Aller à la navigation Aller à la recherche
La version imprimable n’est plus prise en charge et peut comporter des erreurs de génération. Veuillez mettre à jour les signets de votre navigateur et utiliser à la place la fonction d’impression par défaut de celui-ci.
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg">

  <rect x="50" y="50" width="10" height="100" style="fill:#CCCCFF;stroke:#000099">
    <animate attributeName="width"  
             from="10px"  to="100px" 
	     begin="0s" dur="10s" />
    <animate attributeName="height" 
             from="100px" to="10px"
	     begin="0s" dur="10s" />
  </rect>

  <text x="50" y="170" style="stroke:#000099;fill:#000099;font-size:14;">
  Hello. Admire the dynamic rectangle</text>

</svg>