Lors de la conception ou du développement front-end, il est souvent nécessaire d'ajuster les tracés SVG, mais à chaque fois, il faut faire des allers-retours entre le code et l'effet, et deviner les coordonnées à modifier, ce qui est long et fastidieux. J'ai récemment découvert sur GitHub un outil open source appelé SvgPathEditor. Il permet de modifier visuellement les tracés SVG directement dans le navigateur, et de les ajuster par glisser-déposer : le résultat est immédiat. Vous pouvez coller directement le code du tracé SVG pour le modifier, ou créer un tracé de toutes pièces. Cliquez sur la commande « Ajouter », puis sur « OK » dans la zone de dessin pour confirmer l’emplacement. GitHub : https://t.co/HQtRbhL8QF Il permet de glisser-déposer des points de contrôle et les commandes par clic permettent de basculer entre les coordonnées relatives et absolues. Il permet également d'insérer, de supprimer et de convertir des types de commandes. De plus, il offre des opérations sur les tracés telles que la mise à l'échelle, le panoramique, la rotation et l'arrondi des coordonnées, ainsi que les fonctions d'annulation et de rétablissement. Elle propose une version en ligne prête à l'emploi et prend également en charge le déploiement local, ce qui la rend idéale pour les développeurs front-end souhaitant peaufiner les détails des icônes.
