canvas grid

by satantx

HTML

<canvas id="setka" width="1480" height="400"></canvas>

JavaScript

var c_canvas = document.getElementById("setka");
var context = c_canvas.getContext("2d");

for (var x = 0; x < 1480; x += 100) {
  context.moveTo(x, 0);
  context.lineTo(x, 1480);
}

for (var x = 80; x < 1480; x += 100) {
  context.moveTo(x, 0);
  context.lineTo(x, 1480);
}

context.strokeStyle = "#000";
context.lineWidth = 1;
context.stroke();