TL;DR : si vous avez déjà regardé un attribut d en vous demandant quelle partie du dessin correspond à quel groupe de chiffres, cet éditeur répond à la question en le montrant. Rien à installer, licence Apache 2.0, et rien ne quitte votre navigateur.
Nos schémas sont du SVG écrit à la main. C’est un choix assumé chez nous : une illustration d’ambiance est une photo, mais un schéma qui explique un mécanisme se code, parce qu’il doit rester net à toutes les tailles et lisible dans les deux thèmes du site. Le problème de ce choix a un nom, et c’est l’attribut d des chemins : une longue file de lettres et de nombres où une virgule de trop décale une courbe sans qu’on sache laquelle.
SVG Path Editor, de Yqnn, s’attaque exactement à ça. On colle son chemin dans le champ de gauche, la forme apparaît à droite avec tous ses points de contrôle, et les deux restent synchronisés dans les deux sens : attraper un point à la souris réécrit le texte, corriger un nombre déplace la forme.
Les commandes sont toutes là, du simple M aux arcs A en passant par les courbes de Bézier C et Q, avec un raccourci clavier par lettre pour en insérer une, et la même lettre en majuscule pour convertir une commande existante. Ce sont pourtant les opérations globales qui font gagner du temps quand on récupère le fichier de quelqu’un d’autre : mettre à l’échelle, faire pivoter, arrondir les coordonnées à un nombre de décimales choisi, convertir tout le chemin en relatif ou en absolu, inverser l’ordre des commandes, ou lancer une optimisation qui raccourcit le texte sans changer la forme. Un chemin exporté par un logiciel de dessin arrive souvent avec neuf décimales par point : l’arrondi seul divise le poids par deux.
Deux choses à savoir avant d’y aller. L’outil édite un chemin, pas un fichier SVG complet : il ne remplace ni Inkscape ni votre éditeur d’interface, et c’est précisément pour cette raison qu’il s’ouvre en une seconde. Et tout le traitement a lieu dans le navigateur, ce qui règle la question qu’on se pose avec les convertisseurs en ligne : le chemin d’un logo client ne part sur aucun serveur.
Pour le reste, le projet est sur GitHub sous licence Apache 2.0, avec un Dockerfile et un docker-compose.yml fournis pour l’héberger chez soi, un développement local en npm start sur le port 4200, et une bibliothèque publiée à part sous le nom svg-path-editor-lib si vous voulez en mettre le moteur dans votre propre outil. Le genre d’utilitaire qu’on garde dans ses favoris pendant des années sans jamais y penser.
