var context = document.getElementById('canvas').getContext('2d');
// functions
function drawGrid(color, stepx, stepy) {
context.strokeStyle = color;
context.lineWidth = 0.5;
for(var i = stepx + 0.5; i< context.canvas.width; i+= stepx) {
context.beginPath();
context.moveTo(i , 0);
context.lineTo(i, context.canvas.height);
context.stroke();
}
for(var i= stepy + 0.5; i<context.canvas.height; i += stepy) {
context.beginPath();
context.moveTo(0, i);
context.lineTo(context.canvas.width, i);
context.stroke();
}
}