Outil de développement / 28
Éditeur vectoriel SVG et outil de dessin en ligne
Dessinez, stylisez, superposez et modifiez des graphiques vectoriels SVG visuellement ou avec du code XML SVG en direct.
Éditeur vectoriel SVG et outil de dessin en ligne: Dessinez des rectangles, des cercles, des ellipses, des lignes, des tracés et du texte sur un canevas SVG. Déplacez les objets, modifiez leur remplissage, leur contour et leur opacité, puis organisez leurs calques. Vous pouvez également importer un SVG ou modifier son balisage dans l’onglet Code, puis télécharger un SVG ou un PNG, ou copier le texte SVG. Fonctionne 100 % localement dans votre navigateur, sans aucun téléversement de fichier vers le serveur.
- Catégorie
- Outils développeur
- Exécutions
- Dans votre navigateur
- Coût
- Gratuit · sans inscription
- Disponibilité
- Prêt à l'emploi
Inspecteur d’élément et style
Calques (3)
Dessiner des formes, des tracés et du texte
Ajoutez des rectangles, des cercles, des ellipses, des lignes, des étoiles, des triangles, des cœurs, des tracés ou du texte. Sélectionnez un objet pour modifier son remplissage, la couleur et la largeur de son contour, ainsi que son opacité, ou utilisez les commandes des calques pour le dupliquer, le supprimer et modifier son ordre. Les réglages du canevas définissent la taille du dessin et l'arrière-plan.
Déplacez un tracé sur le canevas et modifiez sa forme dans l'onglet Code. Les commandes de tracé telles que M, L et C décrivent des déplacements, des lignes et des courbes. Il ne s'agit pas d'un éditeur visuel de nœuds : aucune poignée de courbe n'est déplaçable. Le XML modifié est appliqué lorsque vous quittez le champ de code.
Limites d'importation et d'exportation
SVG conserve les formes vectorielles et le texte modifiable ; PNG pixellise le dessin à la taille du canevas. Copier le balisage fournit du texte SVG à utiliser dans une page ou un autre éditeur. Le texte n'est pas vectorisé : son apparence dépend donc de la police disponible à l'ouverture du fichier.
Les fichiers importés sont réduits aux formes de base, tracés et textes pris en charge. Les dégradés, filtres, masques d'écrêtage, images intégrées et comportements des groupes ne sont pas entièrement conservés. Gardez l'original et comparez le dessin importé avant d'exporter un remplacement.
Comment l'utiliser
- Ajoutez un rectangle, un cercle, une ellipse, une ligne, une étoile, un tracé ou du texte, puis faites-le glisser pour le placer.
- Définissez le remplissage, le contour, l’opacité, le rayon des angles et l’ordre des calques.
- Téléchargez le SVG ou un PNG, ou copiez le balisage.
Confidentialité et limitations
Le dessin ne quitte jamais votre navigateur : aucun envoi, aucune sauvegarde automatique et aucun serveur. La fermeture de l’onglet le supprime ; téléchargez donc le fichier avant de partir.
Outils associés
Questions fréquentes
Puis-je dessiner et modifier des tracés ?
Vous pouvez ajouter un tracé, le déplacer sur le canevas et modifier son remplissage et son contour. Modifiez les commandes du tracé dans l’onglet Code pour changer sa forme ; il n’existe pas d’éditeur visuel des points de contrôle. Les modifications du code sont appliquées lorsque vous quittez le champ de texte.
Puis-je ajouter du texte et des formes simples ?
Oui. Ajoutez des rectangles, des cercles, des ellipses, des lignes, des étoiles, des triangles, des cœurs, des tracés ou du texte depuis la barre d’outils. Le texte dispose de commandes pour le contenu et la taille de police. Vous pouvez aligner, dupliquer, supprimer et réorganiser les objets, ainsi que modifier la couleur de remplissage, la couleur du contour, l’épaisseur du contour et l’opacité.
Quels fichiers puis-je exporter ?
Téléchargez un SVG pour conserver les formes vectorielles et le texte modifiable, ou un PNG pour obtenir une image matricielle aux dimensions du canevas. Vous pouvez également copier le balisage SVG. Le texte n’est pas converti en contours.
Outil gratuit · dans votre navigateur exécutions · aucun compte requis