on Décembre 27, 2022

Afficher différentes icônes SVG sur une couche au moment de l’exécution.

Systèmes d'information géographique

Comment mettre en ligne des icônes SVG ?

Notre processus pour ajouter de nouvelles icônes SVG

  1. Utilisez l’outil graphique vectoriel pour créer votre icône. Exportez le résultat sous forme de fichier SVG. Nous utilisons Inkscape et Affinity Designer pour iPad.
  2. Configurez svg-sprite.js pour créer un fichier de sprite SVG pour vous.
  3. Insérez des icônes SVG dans votre fichier HTML.
  4. Configurez les couleurs et les tailles avec CSS.


Comment utiliser les icônes SVG ?

Les images SVG peuvent être écrites directement dans le document HTML à l’aide de la balise . Pour ce faire, ouvrez l’image SVG dans VS code ou votre IDE préféré, copiez le code et collez-le à l’intérieur de l’élément de votre document HTML. Si vous avez tout fait correctement, votre page Web devrait ressembler exactement à la démo ci-dessous.