cx1, cx2, cy1, cy2 attribute

Type:number
Inherited:no
Used By:bezierto
See:x y

The position of the control points for a bezier curve. The curve starts at the current cursor position, the first control point is at cx1,cy1, the second at cx2,cy2, and the curve ends at x,y.

Draw a bezier curve

<shape width="100" height="100">
  <shapepath>
    <moveto x="20" y="20"/>
    <bezierto cx1="70" cy1="30" cx2="30" cy2="70" x="80" y="80"/>
  </shapepath>
</shape>