Commande
M10,10 L90,90
Dessiner
Une ligne diagonale sur la grille
Outils de design
Visualiseur de chemin SVG — Commandes de débogage
Collez une longue chaîne de chemin d="M10 20 L... Z" ou une balise de chemin complet pour le visualiser sur une grille et inspecter la longueur et le nombre de commandes lors du débogage des icônes.
ConceptionSVGCheminFront-end
Accès rapide:SVG vers arrière-plan CSS
Ajouter cet outil aux favoris
Aucun mode de stockage des favoris n’a été sélectionné.
Actions rapides
Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.
设计配色
SVG Visualiseur de chemin
Path 'd' Data
等待路径输入。
-
Cas d’usage
- Extraire la valeur d du chemin d'une icône cassée et l'inspecter sur une grille
Mode d’emploi
- Collez uniquement les coordonnées d ou une balise de chemin complet, puis ajustez les contrôles viewBox pour localiser la forme
Exemples d’entrée et de sortie
FAQ
Puis-je modifier des attributs autres que d ?
Non. Cet outil se concentre sur la syntaxe et l'aperçu du chemin d="...".
Outils
Outils associés
Poursuivez avec un autre outil traduit pour une tâche proche.
SVG vers arrière-plan CSS
SVG vers arrière-plan CSS — URL de données / Base64
SVG en ligne dans une image d'arrière-plan CSS : chaîne url(...) en utilisant l'encodage URI ou Base64. Utile pour les petites icônes que vous souhaitez conserver en CSS au lieu de fichiers d'actifs séparés.
Conception CSS SVG