Comment fixer les dimensions d'un fichier .svg ?

Si vous avez intégré un fichier .svg dans votre module. Il se peut que la taille qui lui a été allouée par votre navigateur ne vous convienne pas. :x:

Mais il est possible de rectifier ce problème en fixant les dimensions du svg ! 🪄

Pour cela, faites un clic-droit sur votre fichier .svg : « Ouvrir avec » → « Bloc-Notes ». :page_facing_up:

Ce fichier ne paraît pas très amical au premier abord, mais nous allons vite y régler son compte ! :muscle:

Placez votre curseur un espace plus loin que le <svg. :computer_mouse:
C’est ici que nous allons préciser les dimensions ! :straight_ruler:

Si vous souhaitez modifier la :

  • :arrow_up_down: hauteur : inscrivez height="X px"
  • ↔️ largeur : inscrivez width="X px"

Il suffit ensuite d’écrire le nombre de pixels à la place du X. :pen:
Enregistrez le fichier et le tour est joué ! :floppy_disk:

Voici à quoi le fichier devrait ressembler à la fin :

PS : Nous vous conseillons de modifier uniquement la largeur ou la hauteur, l’autre s’adapte automatiquement ! :partying_face: