STIC:Atelier graphisme, animation, interactivité et HTML5/Exemple AnimateTransform

De EduTech Wiki
Aller à la navigation Aller à la recherche
<?xml version="1.0" ?>

<svg xmlns="http://www.w3.org/2000/svg">

  <g>
    <rect x="50" y="50" rx="5" ry="5" width="200" height="100"
	  style="fill:#CCCCFF;stroke:#000099"/>

    <animateTransform attributeName="transform" type="rotate"
		      values="0 150 100; 360 150 100"
		      begin="0s" dur="5s" />
  </g>
</svg>

http://tecfa.unige.ch/guides/svg/ex/anim-trans/rotation.svg

http://edutechwiki.unige.ch/fr/Tutoriel_SVG_dynamique_avec_SMIL