Hexagon in canvas

by Laxmikant Dange

HTML

<canvas id="can" width="500" height="500"></canvas>

JavaScript

var can = document.getElementById("can")
var ctx = can.getContext('2d')

for (let a = 0; a <= 360; a++) {
  let x = Math.sin(Math.PI / 180 * a) * 100 + 200
  let y = Math.cos(Math.PI / 180 * a) * 100 + 200
  if(a%(360/60)===0)
  	ctx.lineTo(x, y)
  ctx.stroke()
}