/

HTML / CSS / JavaScript Tutorial

JavaScript canvas2d object method: quadraticCurveTo()

[this page | pdf | back links]

The quadraticCurveTo() method of the JavaScript DOM object returned by the getContext("2d") method applied to the HTML <canvas> element creates a quadratic Bézier curve. To create a cubic Bézier curve use the bezierCurveTo() method.

 

It has the following syntax with the following parameters.

 

context.quadraticCurveTo(x, y, r, startAngle, endAngle, counterclockwise)

 

Parameter

Required / Optional

Description

ptx

Required

x-coordinate of control point of curve

pty

Required

y-coordinate of control point of curve

x

Required

x-coordinate of end point

y

Required

y-coordinate of end point

 


NAVIGATION LINKS
Contents | Prev | Next | JavaScript DOM (and BOM)


Desktop view | Switch to Mobile