JavaScript - Dibujo del patrón de líneas con HTML5 Canvas

var myCanvas = document.getElementById("myCanvas");

		var drawingContext = myCanvas.getContext("2d");

var color1 = "#24A8AC",color2="#0087CB";

var numberOfStripes = 30;

for (var i=0;i<numberOfStripes;i++){

  var thickness = 300 / numberOfStripes;

  drawingContext.beginPath();

  drawingContext.strokeStyle = i % 2?color1:color2;

  drawingContext.lineWidth =thickness;

   drawingContext.moveTo(0,i*thickness + thickness/2);

  drawingContext.lineTo(300,i*thickness+thickness/2);

  drawingContext.stroke();

}