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
Image (image)
SVG
<svg width="400" height="300"> <!-- Première image --> <image xlink:href="africa.jpeg" x="0" y="0" width="400" height="300"/> <!-- Deuxième image (si vous etes conectés)--> <image xlink:href="http://lorempixel.com/400/300/" x="0" y="0" width="400" height="300" opacity="0.9"/> <!-- Texte semi-transparent --> <text x="10" y="220" style="font-size: 180px; stroke: red; fill: pink" opacity="0.45" font-family="arial" font-weight="bold"> SVG </text> </svg>
