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

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">

  <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