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
Motifs de remplissage
Création de motifs simples
Motifs complexes
Création de motifs simples (pattern)
<svg width="400" height="300"> <!-- Création du motif --> <pattern id="pat0" width="25" height="25" patternUnits="userSpaceOnUse"> <rect x="0" y="0" width="20" height="20" fill="#000" /> </pattern> <!-- Utilisation du motif --> <rect x="50" y="50" width="300" height="200" fill="url(#pat0)"></rect> </svg>
