Conversion de code svg en fichier image .svg – HTML & CSS – SitePoint Forums

Merci pour toute l’aide précédente

J’ai cherché à convertir le code svg en fichier image, en l’ajoutant dans un fichier texte et en l’enregistrant au format .svg.

Le code svg affiche le contour d’un triangle, sur la page web, mais je ne vois rien une fois converti en .svg. Si je “remplis” une couleur, je vois le triangle rempli, mais j’aimerais simplement que l’image affiche le contour du triangle (comme le fait le code).

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="40" height="35" viewBox="0 0 190 190">
<polygon class="triangle" fill="none" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="73.5,62.5 148.5,105.8 73.5,149.1"></polygon></svg>

Quelle est la solution ?

Vous devez spécifier la couleur du trait, par exemple (avec la balise à fermeture automatique habituelle) :

<polygon class="triangle" fill="none" stroke="black" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="73.5,62.5 148.5,105.8 73.5,149.1" />

Pour enregistrer en tant que fichier image .svg, il semble que vous ayez simplement besoin d’un prologue XML :

<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="40" height="35" viewBox="0 0 190 190">
<polygon class="triangle" fill="red" stroke="black" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="73.5,62.5 148.5,105.8 73.5,149.1" />
</svg>

— to www.sitepoint.com