« Découvrir le SVG/Chemins » : différence entre les versions
Contenu supprimé Contenu ajouté
m →Courbes de Bézier : changement d'ordre |
|||
Ligne 104 :
{{loupe|w:Courbe de Bézier}}
Le SVG permet de tracer une portion de courbe reliant la point courant (''x''<sub>1</sub>, ''y''<sub>1</sub>) à un point de destination (''x<sub>n</sub>'', ''y<sub>n</sub>'') à l'aide d'une courbe de Bézier, en définissant les points de contrôle relatifs.
=== Courbes quadratiques ===
Avec les attributs <code>Q</code> et <code>q</code>, on définit le point d'arrivée (''x''<sub>3</sub>, ''y''<sub>3</sub>) et le point de contrôle intermédiaire (''x''<sub>2</sub>, ''y''<sub>2</sub>) : le code
<source lang="xml">
<path
M0 0
Q10 10, 5 2
/>
</source>
trace une courbe du point (0, 0) au point (10, 10) avec le point de contrôle intermédiaire (5, 2). Ainsi, la tangente en (0, 0) suit le vecteur P<sub>1</sub>P<sub>2</sub> (5, 2) et la tangente en (10, 10) suit le vecteur P<sub>2</sub>P<sub>3</sub> (5, 8).
<code>T</code>, <code>t</code>
| |||