Exemples SVG
Primitives de base
Lignes
Rectangles
Cercles & Ellipses
Polylignes
Polygones
Paths
Lignes
Arcs
Courbe Quadratique
Courbe Cubique
Texte
Images
Dégradés
Dégradé linéaire
Dégradé radial
Motifs
Transformations
Translation
Rotation
Mise à l'échelle
Cisaillement
Avancé
Cliping
Masques
Exercices
1 - Coeur
2 - Coeurs croisés
3 - Logo Lesieur
4 - Astérie
5 - Croisillon
6 - Carrelage
7 - Vagues
8 - Mona lisa
TEXTES
Texte
Texte suivant un chemin
Textes (text)
SVG
<svg width="400" height="300"> <text x="80" y="180" style="font-size: 120px; stroke: red; fill: pink" > SVG </text> </svg>
Textes suivant un chemain (text)
Le dessin vectoriel est parfait
<svg width="400" height="300"> <path d="M 50,150 c 50,-50 200,50 250,0" id="chemin" style="fill: none; stroke: green; stroke-width: 1" /> <text style="font-size:22px; stroke: red; fill: pink" > <textPath xlink:href="#chemin"> Le dessin vectoriel est parfait </textPath> </text> </svg>
