À propos de cet outil
La visionneuse de tracés SVG permet d’examiner les contours d’icônes et les courbes complexes. Collez des données de tracé ou sélectionnez un tracé dans un SVG pour voir sa forme, ses commandes et ses limites, puis créez un aperçu statique indépendant.
Mode d’emploi
- Choisissez le mode SVG pour ouvrir un fichier ou le mode Tracé pour coller les données de l’attribut d.
- Sélectionnez le tracé à examiner dans le SVG ou vérifiez la validité du tracé saisi.
- Réglez le remplissage, la couleur et l’épaisseur du contour, puis ajustez le fond ou le zoom.
- Consultez les commandes et les limites géométriques, puis téléchargez path-preview.svg si nécessaire.
Fonctionnalités
- Prend en charge les commandes M, L, H, V, C, S, Q, T, A et Z.
- Affiche les statistiques des commandes et les limites géométriques. Les tracés invalides donnent lieu à un message précis.
- L’aperçu peut s’adapter aux limites du tracé avec une marge. Le fichier téléchargé contient le tracé affiché et les styles choisis.
Commandes et limites des tracés
- M déplace le point courant ; L, H et V tracent des lignes ; C et S des courbes cubiques ; Q et T des courbes quadratiques ; A des arcs elliptiques ; Z ferme le sous-tracé. Les commandes minuscules utilisent généralement des coordonnées relatives.
- Les limites portent sur la géométrie du tracé, sans contour, marqueurs, ombres ni filtres. Les transformations des éléments parents sont prises en compte pour les tracés issus d’un SVG, mais l’affichage isolé ne reproduit pas tous les effets de découpage et de composition de l’original.
- Les statistiques restent disponibles pour les longs tracés. La liste détaillée est limitée afin de ne pas ralentir la page avec trop d’entrées.
Sécurité des fichiers SVG
L’aperçu utilise une copie statique sécurisée. Il n’exécute aucun script, clic interactif ou animation et ne charge aucune image, police ni feuille de style externe. Les références externes, pages intégrées et contenus non pris en charge sont retirés : l’aperçu peut donc différer de l’original. Les documents contenant un DOCTYPE ou des entités personnalisées ne sont pas acceptés.
Le fichier SVG ou son code UTF-8 est limité à 2 Mio, 20 000 nœuds (éléments et texte compris) et 96 niveaux d’imbrication. Simplifiez d’abord les fichiers trop volumineux ou trop complexes.
Confidentialité
Votre SVG est traité uniquement dans votre navigateur, sans envoi à un serveur.
L’outil n’enregistre pas automatiquement vos données ni vos résultats. Téléchargez ce que vous souhaitez garder avant d’effacer le contenu ou de quitter la page, et conservez l’original.
Questions fréquentes
Qu’est-ce que l’attribut d d’un tracé SVG ?
L’attribut d contient les commandes et les coordonnées qui décrivent les lignes, courbes, arcs et contours fermés du tracé.
Que signifient M, L, C, Q et A ?
M déplace le point courant, L trace une ligne, C une courbe de Bézier cubique, Q une courbe de Bézier quadratique et A un arc elliptique.
Que signifie Z ?
Z referme le sous-tracé courant en rejoignant son point de départ. Un attribut d peut contenir plusieurs sous-tracés.
La visionneuse de tracés exécute-t-elle les scripts SVG ?
Non. Les SVG complets sont filtrés. L’aperçu d’un tracé isolé utilise uniquement les données de tracé valides et les styles statiques choisis.