Wikilivres

« Découvrir le SVG/Manipulations avancées » : différence entre les versions

Navigation interactive dans l’historique
← Modification précédenteModification suivante →
Contenu supprimé Contenu ajouté
VisuelWikicode
m →‎Animation : corr.
m →‎Animation : orth
Ligne 561 :
<animate attributeName="''paramètre''"
begin="''instantInitial''" dur="''durée''"
from="''valeurInitiale''" to="''valeurFibalevaleurFinale''"
/>
Elle concerne son parent direct. Par exemple, si l'on veut changer la position d'un rectangle, on écrit :
Ligne 572 :
</rect>
</source>
le rectangle cvava doncainsi passer de la position ''x'' = 0 à ''x'' = 10 en cinq secondes. Vous remarquerez que la balise <code>rect</code> a été coupée en deux : <code>&lt;rect…&gt; … &lt;/rect…&gt;</code> au lieu de la balis balise unique <code>&lt;rect… /&gt;</code> habituelle.
 
Dans l'élément <code>animate</code>, l'attribut <code>fill</code> indique le comportement lorsque l'animation touche à sa fin : <code>"freeze"</code> pour que l'objet reste dans son état final, <code>"remove"</code> pour qu'il revienne à son état initial.
Ligne 648 :
[https://upload.wikimedia.org/wikipedia/commons/8/88/Texte_ca_bouge_SVG_anime_href.svg Voir le résultat.]
 
Plutôt que de mettre l'élément <code<>animate</code> entre les balises ouvrantes et fermantes de l'élément graphique, on peut aussi y faire référence avec un attribut <code>xlink:href</code>, par exemple :
<source lang="xml">
<rect id="rectangle"
Récupérée de « https://fr.wikibooks.org/wiki/Découvrir_le_SVG/Manipulations_avancées »