Langage SVG

Les images vectorielles sont représentations de formes géométriques telles qu'un cercle, un rectangle ou un segment.

Ceux-ci sont représentés par des formules mathématiques (un rectangle est défini par deux points, un cercle par un centre et un rayon, une courbe par plusieurs points et une équation). Edutechwiki

Notez que dans un dessin composé de plusieurs objets, chaque objet doit être écrit dans une ligne différente.

Tous les attributs doivent avoir une valeur. Attention aux marques utilisées. Ex : width=“100”

Balises principales du document SVG
<svg>	se trouve au début du document.
</svg>	se trouve à la fin du document.
<	ouvre une ligne de code.
>	ferme une ligne de code

Figures
<rect/>	pour créer des rectangles et des carrés.
<circle/>	pour créer des cercles.

Attributs généraux
fill	couleur avec laquelle on remplit les figures

Attributs de carrés et rectangles
width	largeur de la figure
height	hauteur de la figure
x	coordonnée x, sur l’axe horizontal, c’est-à-dire, le côté gauche
y	coordonnée y, sur l’axe vertical, c’est-à-dire, le bord superieur.
rx / ry	pour un rectangle ou un carré ces attributs rendent les angles rond

Attributs du cercle
r	rayon du cercle
cx	coordonnée x du centre du cercle
cy	coordonnée y du centre du cercle

Noms de couleurs
blue
skyblue
red
white
black
green
yellow

Exemple
rect		<rect x="20" y="20" width="100" height="50" fill="green"/> <rect x="80" y="80" width="100" height="50" fill="blue" />