Studio SVG
Israël Dupuis présente — animateur vectoriel
Outils
✥ Sélection
▭ Rectangle
● Cercle
⬭ Ellipse
╱ Ligne
▲ Triangle
★ Étoile
T Texte
✎ Crayon
☡ Bézier
Couleurs
Remplissage
Contour
Épaisseur du contour —
2 px
Opacité —
100 %
Canevas
▶ Aperçu
↶ Annuler
×
px
Transport & ligne de temps
▶ Jouer
❚❚ Pause
■ Stop
Boucle
Jouer
fois
Durée
ms
0000 ms
−
⊞ tout
＋
＋ calque
t (ms)
＋
Élément
aucun
◆ Ajouter une image clé au temps courant
X (px)
Y (px)
Rotation (°)
Flou (px)
Échelle X
Échelle Y
Inclinaison X (°)
Inclinaison Y (°)
Origine X (%)
Origine Y (%)
CSS avancé — 3D et filtres (animables, exportés via <style>)
Rotation X 3D (°)
Rotation Y 3D (°)
Perspective (px)
Teinte (hue-rotate °)
Saturation (%)
Luminosité (%)
Contraste (%)
Niveaux de gris (%)
🛤 Trajectoire…
Orienter
Auto-dessin
Départ : auto
Départ : survol
Départ : clic
Au clic — ligne de temps entière
Aucune action
Retour au début et jouer
Aller et jouer…
Aller et stop…
Jouer / Pause (bascule)
Jouer — reprendre
Arrêter sur place
Ouvrir un lien URL…
Temps cible de l'action (ms)
URL de l'action
Au clic — cet élément seulement
Aucune action
Rejouer son animation
Jouer / Pause (bascule)
Jouer — reprendre
Arrêter sur place
Masquer / afficher (bascule)
Ouvrir un lien URL… (script)
URL de l'action
Image clé au temps courant — action au passage
Aucune action
Stop — arrêter la ligne de temps
Aller et jouer…
Aller et stop…
Ouvrir un lien URL…
Temps cible de l'action (ms)
URL de l'action
⬒ Morph : redéfinir la forme…
Lien hypertexte — balise <a href>, sans script
Nouvel onglet
Même onglet
🗑 Supprimer l'élément
Texte
attributs SVG
Contenu
Police (font-family)
Taille (font-size)
Graisse (font-weight)
(défaut)
normal
bold
100
200
300
400
500
600
700
800
900
Style (font-style)
(défaut)
normal
italic
oblique
Décoration (text-decoration)
(défaut)
none
underline
overline
line-through
Variante (font-variant)
(défaut)
normal
small-caps
Ancrage (text-anchor)
(défaut)
start
middle
end
Ligne de base (dominant-baseline)
(défaut)
auto
alphabetic
middle
central
hanging
ideographic
mathematical
Interlettrage (letter-spacing)
Intermots (word-spacing)
Longueur forcée (textLength)
Ajustement (lengthAdjust)
(défaut)
spacing
spacingAndGlyphs
Ordre de peinture (paint-order)
(défaut)
stroke — contour derrière
Vitesse
—
Linéaire
Entrée
Sortie
Ent.-sort.
Code SVG en direct
📋 Copier le code
✎ Éditer / coller
💾 Exporter .svg
🌐 Exporter .html
🖼 Exporter .png
📥 Importer .svg
Éditer le code SVG
✔ Appliquer
✖ Annuler
Restrictions applicables
✔ Poursuivre l'export
✖ Annuler