Canvas tiles hover

by joeycakes

HTML

<canvas id="canvas"></canvas>

JavaScript

var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var tilesize = 16;

function drawTile (x, y) {
	context.beginPath();
  context.rect(x * tilesize, y * tilesize, tilesize, tilesize);
  context.stroke();
}

function drawTiles (xlen, ylen) {
	canvas.width = xlen * tilesize;
  canvas.height = ylen * tilesize;
	for (var x = 0; x < xlen; x++) {
		for (var y = 0; y < ylen; y++) {
  		drawTile(x, y);
  	}  
  }
}

drawTiles(10, 10);