How to create lines with HTML canvas

━━━ Lines

To draw a line with canvas, there are methods used.

• 
  beginPath(): This method is to start a new drawing path


• 
  moveTo(x, y): This method is to specify the starting point of the line.


• 
  lineTo(x, y): This method is to specify the end point of the line


• 
  stroke(): This method is to add a stroke depending on the strokeStyle to the line


• 
  setLineDash([dash length, gap length]): This method is to create dash or dotted line with gap in between.
  -``

Diagonal line

Vertical line

Dotted line

Curved lines

Zigzag

Conclusion

I hope you have been able to see different lines using HTML canvas. Follow mw to see more articles.