« SVG » : différence entre les versions

← Modification précédente Modification suivante →

Version du 20 octobre 2025 à 15:15

aasvg

`aasvg` est un outil en ligne de commande qui convertit des dessins en ASCII art (faits avec des caractères texte) en images vectorielles SVG, permettant de visualiser ou intégrer facilement des schémas simples dans des documents ou sur le web.

🛠️ Installation de `aasvg`

sudo apt install aasvg

Cela installera aussi les dépendances nécessaires, notamment Node.js.

🖼️ Utilisation de base

aasvg prend un fichier texte contenant un dessin en ASCII et le convertit en SVG :

aasvg < dessin.txt > dessin.svg

Tu peux ensuite ouvrir le fichier SVG dans un navigateur ou un éditeur d’images vectorielles comme Inkscape.

⚙️ Options expliquées simplement

Voici les principales options que tu peux utiliser :

Option	Description simple
`--stretch`	Étire le dessin pour qu’il remplisse mieux l’espace du SVG.
`--fill`	Supprime les dimensions fixes (`width` et `height`) du SVG.
`--spaces=<n>`	Sépare les blocs de texte après n espaces (par défaut 2). `0` = chaque caractère.
`--grid`	Ajoute une grille pour t’aider à visualiser l’alignement (utile pour le debug).
`--backdrop`	Ajoute un fond blanc derrière le dessin.
`--source`	Superpose le texte source sur le SVG.
`--disable-text`	Désactive le rendu du texte brut.
`--width=<n>`	Définit la largeur du SVG en nombre de caractères.
`--height=<n>`	Définit la hauteur du SVG en nombre de caractères.
`--<attr>=<value>`	Permet de définir un attribut SVG personnalisé.

💡 Exemple complet

Fichier schema.txt :

+-------+
| Hello |
+-------+

Commande :

aasvg --stretch --fill < schema.txt > schema.svg

Cela génère un SVG sans dimensions fixes, avec un rendu plus fluide du dessin ASCII.

Autres Ressources

Pour convertir facilement des images en SVG
github.com/martinthomson/aasvg

@@ Ligne 1 : / Ligne 1 : @@
+== aasvg ==
+`aasvg` est un outil en ligne de commande qui convertit des dessins en ASCII art (faits avec des caractères texte) en images vectorielles SVG, permettant de visualiser ou intégrer facilement des schémas simples dans des documents ou sur le web.
+-----
+=== 🛠️ Installation de <code>aasvg</code> ===
+<syntaxhighlight lang="bash">
+sudo apt install aasvg</syntaxhighlight>
+Cela installera aussi les dépendances nécessaires, notamment Node.js.
+-----
+=== 🖼️ Utilisation de base ===
+<code>aasvg</code> prend un fichier texte contenant un dessin en ASCII et le convertit en SVG :
+<syntaxhighlight lang="bash">aasvg < dessin.txt > dessin.svg</syntaxhighlight>
+Tu peux ensuite ouvrir le fichier SVG dans un navigateur ou un éditeur d’images vectorielles comme Inkscape.
+-----
+=== ⚙️ Options expliquées simplement ===
+Voici les principales options que tu peux utiliser :
+{| class="wikitable"
+|-
+! Option
+! Description simple
+|-
+| <code>--stretch</code>
+| Étire le dessin pour qu’il remplisse mieux l’espace du SVG.
+|-
+| <code>--fill</code>
+| Supprime les dimensions fixes (<code>width</code> et <code>height</code>) du SVG.
+|-
+| <code>--spaces=&lt;n&gt;</code>
+| Sépare les blocs de texte après ''n'' espaces (par défaut 2). <code>0</code> = chaque caractère.
+|-
+| <code>--grid</code>
+| Ajoute une grille pour t’aider à visualiser l’alignement (utile pour le debug).
+|-
+| <code>--backdrop</code>
+| Ajoute un fond blanc derrière le dessin.
+|-
+| <code>--source</code>
+| Superpose le texte source sur le SVG.
+|-
+| <code>--disable-text</code>
+| Désactive le rendu du texte brut.
+|-
+| <code>--width=&lt;n&gt;</code>
+| Définit la largeur du SVG en nombre de caractères.
+|-
+| <code>--height=&lt;n&gt;</code>
+| Définit la hauteur du SVG en nombre de caractères.
+|-
+| <code>--&lt;attr&gt;=&lt;value&gt;</code>
+| Permet de définir un attribut SVG personnalisé.
+|}
+-----
+=== 💡 Exemple complet ===
+Fichier <code>schema.txt</code> :
+<pre>+-------+
+| Hello |
++-------+</pre>
+Commande :
+<syntaxhighlight lang="bash">aasvg --stretch --fill < schema.txt > schema.svg</syntaxhighlight>
+Cela génère un SVG sans dimensions fixes, avec un rendu plus fluide du dessin ASCII.
+== Autres Ressources ==
 [https://studio.creativefabrica.com/vectorizer/ Pour convertir facilement des images en SVG]<br />
 [https://github.com/martinthomson/aasvg github.com/martinthomson/aasvg]