Comment accéder aux éléments SVG à partir de fichiers générés par Illustrator avec JavaScript ?

Accès aux éléments SVG avec JavaScript à partir de fichiers SVG générés par Illustrator

Comme indiqué, accès aux éléments SVG avec JavaScript à partir de fichiers SVG créés dans Adobe Illustrator est en effet possible sans utiliser de bibliothèques tierces comme Raphaël ou jQuery SVG.

Pour y parvenir ceci :

1. Chargez le fichier SVG de manière asynchrone :

Incorporez un HTML5. élément pour charger le fichier SVG de manière asynchrone et accéder à son modèle objet de document (DOM).

<object data="alpha.svg" type="image/svg+xml">

2. Ajouter un écouteur d'événement de chargement :

Attachez un écouteur d'événement de chargement à l'objet