« Découvrir le SVG/Chemins » : différence entre les versions
Contenu supprimé Contenu ajouté
m →Courbes quadratiques : +stroke |
|||
Ligne 124 :
=== Courbes cubiques ===
Considérons une courbe de Bézier cubique entre les points P<sub>0</sub>(''x''<sub>0</sub>, ''y''<sub>0</sub>) et P<sub>3</sub>(''x''<sub>3</sub>, ''y''<sub>3</sub>), avec les points de contrôle intermédiaires P<sub>1</sub>(''x''<sub>1</sub>, ''y''<sub>1</sub>) et P<sub>2</sub>(''x''<sub>2</sub>, ''y''<sub>2</sub>). La tangente en P<sub>0</sub> est donc suivant le vecteur P<sub>0</sub>P<sub>1</sub>(''x''<sub>1</sub> – ''x''<sub>0</sub>, ''y''<sub>1</sub> – ''y''<sub>0</sub>) ; la tangente en P<sub>3</sub> donc suivant le vecteur P<sub>2</sub>P<sub>3</sub>(''x''<sub>3</sub> – ''x''<sub>2</sub>, ''y''<sub>3</sub> – ''y''<sub>2</sub>). Pour tracer une telle courbe, on utilise les attributs <code>C</code> et <code>c</code> sous la forme
<source lang="xml">
<path
d="Mx0 y0
Cx1 y1, x2 y2, x3 y3"
/>
</source>
Les attributs <code>S</code> et <code>s</code> permettent d'avoir des courbes sans angles : le premier point de contrôle P<sub>1</sub est le symétrique du point de contrôle précédent par rapport au point P<sub>0</sub>. La syntaxe est donc <code>Tx2 y2, x3 y3</code>.
== Notes ==
| |||