Le texte SVG ne s'affiche pas dans Chrome ou Safari

Question

J'ai du texte SVG qui fonctionne bien sous Firefox mais qui n'apparaît pas dans Chrome et Safari.

J'ai essayé :

• Ajouter du padding au conteneur svg au cas où le texte était coupé,
• Supprimer [xml:space="preserve"] du texte,

• Ajouter une couleur de remplissage en ligne.

      Étude de cas longue

Je m'attends à ce que le texte s'affiche comme dans Firefox, mais en vain dans Chrome et Safari

Answer 1

Une des améliorations de la spécification SVG 2 est que les éléments textPath n'ont plus besoin de pointer uniquement vers des éléments path. Ils devraient maintenant pouvoir pointer vers n'importe quelle forme. Firefox a implémenté cette partie de la spécification SVG 2, d'autres navigateurs ne l'ont pas encore fait.

En toute équité, il y a des parties de SVG 2 que d'autres navigateurs ont implémentées et que Firefox n'a pas encore fait.

Vous pouvez dessiner un cercle en utilisant un chemin à la place, ce qui fonctionnera dans tous les navigateurs.

Answer 2

Utilisez un chemin à la place du cercle :

        Étude de cas longue