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

Contenu supprimé Contenu ajouté
→‎Animation : xlink:href
Ligne 564 :
</source>
[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"
x="0" y="0" width="5" height="5" stroke="black" stroke-width="1px" fill="none"
/>
<animate xlink:href="#rectangle"
attributeName="x"
begin="0s" dur="5s"
from="0" to="10"
/>
</source>
 
== Utilisation de styles ==