Discussion :

[Ennos Rep]

Bonjour,

je viens de rencontrer un problème avec une animation svg très simple (un texte animé).

Travaillant en ajax avec une spa, toutes les url reçoivent la même page "index.html". Or l'animation svg incluse dans cette page index.html fonctionne très bien si l'url est du type www.mondomaine.com, mais ne fonctionne plus pour toutes les url de type www.mondomaine.com/mapage

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<svg viewBox="0 0 100 50" xmlns="http://www.w3.org/2000/svg" xmlns: xlink="http://www.w3.org/1999/xlink">
 <symbol id="ceci"><text text-anchor="middle" x="50%" y="50%" dy=".35em">Mon Texte</text></symbol>
 <use xlink:href="#ceci" class="anim"></use>
 <use xlink:href="#ceci" class="anim"></use>
 <use xlink:href="#ceci" class="anim"></use>
 <use xlink:href="#ceci" class="anim"></use>
 <use xlink:href="#ceci" class="anim"></use>
</svg>

Dans le css, est bien entendu défini ce qu'il faut pour la classe .anim. Je précise que l'image svg ne s'affiche pas dès que je complexifie un peu l'url, mais que le code est bien apparent, avec le css correspondant qui est le bon. Au niveau du code reçu, que j'ai épluché en détail, il n'y a aucune différence visible entre la page où le svg s'affiche et la page où le svg ne s'affiche pas.

Le code étant bien affiché, la page étant toujours sur le même domaine, même si l'url change, je ne comprends pas ce qui pourrait causer cela. Merci de m'éclairer car je ne sais vraiment pas quoi chercher.

[Ennos Rep]

Finalement, j'ai résolu le problème qui venait simplement d'un <base href="/"> sur la page html.