SVG Paths

Adapté de la section Paths du standard SVG

Tous les arcs sont dessinés à partir du point noir dans un viewbox: 0 0 800 400

Bézier quadratique

Q(t) = (1-t) 2 P0 + 2t (1-t) P 1 + t2 P2 pour 0t1

en HTML
Q(t)=(1-t)2P0 + 2t(1-t)P1 + t2P2, 0<=t<=1

Bézier cubique

C (t) = (1-t) 3 P0 + 3t (1-t) 2 P1 + 3 t2 (1-t) P2 + t3 P3 pour 0t1

en HTML
C(t)=(1-t)3P0 + 3t(1-t)2P1 + 3t2(1-t)P2 + t3P3, 0<=t<=1

Arc

M x,y-départ A x,y-demi-axes rotation-axe-X grand-arc,sens-horaire x,y-arrivée

Essayez aussi cette interface