JSFiddle - React, Tailwind, and code Playground

HTML

<canvas></canvas>

JavaScript

var ctx = document.querySelector('canvas').getContext('2d');
ctx.canvas.width = ctx.canvas.height = 512;

ctx.strokeStyle = "#009"; // Do this once only
drawGrid(ctx,16);

function drawGrid(ctx,size){
  var w = ctx.canvas.width,
      h = ctx.canvas.height;
  ctx.beginPath();
  for (var x=0;x<=w;x+=size){
    ctx.moveTo(x-0.5,0);
    ctx.lineTo(x-0.5,h);
  }
  for (var y=0;y<=h;y+=size){
    ctx.moveTo(0,y-0.5);
    ctx.lineTo(w,y-0.5);
  }
  ctx.stroke();
}