My HTML 5

HTML5
}
}
The above example would draw the following shape:
HTML5 Canvas - Drawing Quadratic Curves
We require the following methods to draw quadratic curves on the canvas −
Sr.No.
1
2
3
4
5
beginPath()
This method resets the current path.
moveTo(x, y)
Method and Description
This method creates a new subpath with the given point.
closePath()
This method marks the current subpath as closed, and starts a new subpath
with a point the same as the start and end of the newly closed subpath.
fill()
This method fills the subpaths with the current fill style.
stroke()
This method strokes the subpaths with the current stroke style.
6 quadraticCurveTo(cpx, cpy, x, y)
78