« STIC:Atelier graphisme, animation, interactivité et HTML5/Exemple AnimateTransform » : différence entre les versions
Aller à la navigation
Aller à la recherche
(Page créée avec « <code> <?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... ») |
mAucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
< | <source lang="XML"> | ||
<?xml version="1.0" ?> | <?xml version="1.0" ?> | ||
| Ligne 13 : | Ligne 13 : | ||
</g> | </g> | ||
</svg> | </svg> | ||
</source> | |||
http://tecfa.unige.ch/guides/svg/ex/anim-trans/rotation.svg | http://tecfa.unige.ch/guides/svg/ex/anim-trans/rotation.svg | ||
http://edutechwiki.unige.ch/fr/Tutoriel_SVG_dynamique_avec_SMIL | http://edutechwiki.unige.ch/fr/Tutoriel_SVG_dynamique_avec_SMIL | ||
Dernière version du 24 mars 2015 à 19:29
<?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