Ajout de graphiques vectoriels évolutifs (SVG) dans un navigateur non pris en charge

Dans un article précédent de cette série, nous avons mentionné un peu les pièges de SVG avec les anciens navigateurs et l'utilisation de Raphael.js pour servir le graphique comme solution alternative. Dans cet article, nous examinerons plus en détail cette question..

L'idée est simple, nous utiliserons toujours des éléments SVG comme principal moyen de fournir des graphiques sur notre page Web, mais nous fournirons également une fonction de secours. afin qu'il puisse encore être rendu dans des navigateurs non pris en charge.

Bien sûr, nous pouvons emprunter de nombreuses voies, mais nous n’examinerons que deux solutions qui, à mon avis, sont une meilleure solution générique. Voyons comment nous pouvons le faire.

Utilisation d'un élément d'objet

En plus de l'insérer directement dans un document HTML, il existe plusieurs façons d'intégrer SVG. Par exemple, si nous stockons le graphique dans .svg fichier, nous pouvons utiliser le