straight limes

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>lines</title>
</head>

<body>

<canvas id="myCanvas" width="640" height="480" style="boarder:1px solid black";>
</canvas>

<script>

var canvas = document.getElementById("myCanvas");
var drawingTools =canvas.getContext("2d");

drawingTools.lineWidth = 1;
drawingTools.strokeStyle = "black";
drawingTools.strokeRect(0,0,640,480);


  for(var i =0;i<640;i+=15)


 {
        drawingTools.beginPath();
        drawingTools.moveTo(i,0);
        drawingTools.lineTo(i,480);
        drawingTools.stroke();
    }


  for(var i =0;i<640;i+=40)


 {
        drawingTools.strokeStyle = "red";
        drawingTools.lineWidth = 3;
        drawingTools.beginPath();
        drawingTools.moveTo(i,0);
        drawingTools.lineTo(i,480);
        drawingTools.stroke();
    }


</script>
</body>

</html>