# bezierCurveTo - method of object CanvasCtx

###### Description:
The method adds additional point to the current cubic Bézier curve path. The cubic bezier curve requires three points. The first two points are control points that are used in the cubic Bézier calculation and the last point is the ending point of the curve. The starting point of the curve is the last point in the current path. If the point does not exist, then the beginPath() and moveTo() methods are used to define a starting point.
###### Syntax:
bezierCurveTo(cp1x As Long, cp1y As Long, cp2x As Long, cp2y As Long, x As Long, y As Long) As Object
###### Calling:
`ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);`
###### Parameters:
cp1x (Long) The x-coordinate of the first Bézier curve control point (Long) The y-coordinate of the first Bézier curve control point (Long) The x-coordinate of the second Bézier curve control point (Long) The y-coordinate of the second Bézier curve control point (Long) The x-coordinate of the ending point (Long) The y-coordinate of the ending point
###### Note:
The method creates a path. Therefore before this method is called the beginPath method should be called. For the rendering itself the stroke or fill method is used.
###### Example1:
`ctx.beginPath();`
`ctx.moveTo(20, 20);`
`ctx.bezierCurveTo(20, 100, 200, 100, 200, 20);`
`ctx.stroke();`
###### Example2:
`ctx.beginPath();`
`ctx.moveTo(75, 40);`
`ctx.bezierCurveTo(75, 37, 70, 25, 50, 25);`
`ctx.bezierCurveTo(20, 25, 20, 62.5, 20, 62.5);`
`ctx.bezierCurveTo(20, 80, 40, 102, 75, 120);`
`ctx.bezierCurveTo(110, 102, 130, 80, 130, 62.5);`
`ctx.bezierCurveTo(130, 62.5, 130, 25, 100, 25);`
`ctx.bezierCurveTo(85, 25, 75, 37, 75, 40);`
`ctx.stroke();`
Navigation:

- ctx

- arc
- bezierCurveTo