Visionneuse SVG

Cette visionneuse SVG analyse et affiche en temps réel le balisage Scalable Vector Graphics grâce au moteur de rendu SVG natif du navigateur. L'outil accepte du code SVG brut et valide la syntaxe via DOMParser, en détectant les structures XML mal formées, les balises fermantes manquantes et les valeurs d'attributs invalides avant de tenter le rendu visuel. Les messages d'erreur indiquent précisément les problèmes pour aider les utilisateurs à corriger rapidement leur balisage.

Le panneau d'aperçu affiche les graphiques SVG rendus avec des commandes de zoom de 25 % à 400 %, ce qui permet d'inspecter en détail une illustration vectorielle à toutes les échelles sans perte de qualité. Les options d'arrière-plan incluent le blanc, le sombre, le transparent et un motif en damier pour évaluer la transparence du SVG et le rendu des bords dans différents contextes. L'interface en vue partagée affiche simultanément le code et l'aperçu, et met à jour instantanément le rendu visuel à mesure que les utilisateurs modifient le balisage.

La fonction d'export génère à la fois des fichiers SVG natifs et des images PNG rastérisées via la conversion par l'API Canvas. L'export PNG respecte les dimensions d'affichage actuelles et convertit les graphiques vectoriels en format matriciel adapté aux applications qui ne prennent pas en charge le SVG de façon native. Tout le traitement s'effectue côté client dans votre navigateur, ce qui garantit la confidentialité totale de vos ressources SVG propriétaires, de vos logos de marque et de vos travaux de design.