Comment sont décrites les courbes de Bézier dans les fichiers SVG

Cette page explique comment les courbes de Bézier sont décrites dans les chemins des fichiers SVG.

Points d'ancrage et points de contrôle

Une section de courbe de Bézier est décrite par 4 points :

Dans les illustrations suivantes, les points P1 et P4 sont les points d'ancrage. Les points P2 et P3 sont les points de contrôle.

Points d'ancrage et points de contrôle des courbes de Bézier dans les fichiers SVG

Chemin SVG : les commandes M et C

Dans les chemins SVG, les commandes M et C sont utilisées pour décrire des courbes de Bézier :

M x1 y1
C x2 y2     x3 y3       x4 y4

Exemples

Les exemples suivants sont tirés du site w3.org:

Exemple de courbe de Bézier dans les fichier SVG

Voir aussi


Dernière mise à jour : 13/04/2019