« Découvrir le SVG/Chemins » : différence entre les versions

Une courbe de Bézier est un arc courbe dont l'équation est un polynôme et construit à partir de points dits « points de contrôles ». Une courbe de Bézier est donc définie par ''n'' + 1 points (P₁₀, P₂₁, …, P_''n'') tels que :

* les courbes de Bézier quadratiques, qui sont représentées par un polynôme de degré 2 et qui sont définies par trois points (P₁₀, P₂₁, P₃₂) ;

* les courbes de Bézier cubiques, qui sont représentées par un polynôme de degré 3 et qui sont définies par quatre points (P₁₀, P₂₁, P₃₂, P₄₃).

Le SVG permet de tracer une portion de courbe reliant la point courant P₀(''x''₁₀, ''y''₁₀) à un point de destination P_''n''(''x_n'', ''y_n'') à l'aide d'une courbe de Bézier, en définissant les points de contrôle relatifs.

Avec les attributs <code>Q</code> et <code>q</code>, on définit le point d'arrivée (''x''₃₂, ''y''₃₂) et le point de contrôle intermédiaire (''x''₂₁, ''y''₂₁) : le code

trace une courbe du point P₁₀(0, 0) au point P₃₂(10, 10) avec le point de contrôle intermédiaire P₂₁(5, 2). Ainsi, la tangente en P₁₀(0, 0) suit le vecteur P₁₀P₂₁ (5, 2) et la tangente en P₃₂(10, 10) suit le vecteur P₂₁P₃₂ (5, 8).

Avec les attributs <code>T</code> et <code>t</code>, on n'indique que le point d'arrivée P₃₂. Le point de contrôle intermédiaire P₂₁ est le symétrique du point de l'arc précédent par rapport au point de départ P₁₀. Ainsi, la tangente à gauche et à droite de P₁₀ est la même, le point ne présente par d'angle.