To draw a path, follow these steps
beginPath()canvas method to start a new path by emptying the list of sub-paths.
moveTo()canvas method to begin a new sub-path at the point specified by the given (x, y) coordinates.
lineTo()canvas method to add a straight line to the current sub-path by connecting the sub-path's last point to the specified (x, y) coordinates.
closePath()canvas method to add a straight line from the current point to the start of the current sub-path. If the shape has already been closed or has only one point, this function does nothing.
stroke()canvas method to stroke (outline) the current or given path with the current
strokeStyle. The default