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

De EduTech Wiki
< STIC:Atelier graphisme, animation, interactivité et HTML5
Révision datée du 24 mars 2015 à 19:05 par Daniel K. Schneider (discussion | contributions) (Page créée avec « <source lang="HTML5"> <?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">... »)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à la navigation Aller à la recherche
<?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>