JavaScript - Dibujar con canvas

var texto = document.getElementById("texto_lineas");

var boton = document.getElementById("botoncito");

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

boton.addEventListener("click", dibujoPorClick );

boton.addEventListener("click", borrarCanvas );

var d = document.getElementById("dibujito");

var ancho = d.width;

var lienzo = d.getContext("2d");

function dibujarLineas(color, xinicial, yinicial, xfinal, yfinal)

{

  lienzo.beginPath();

  lienzo.strokeStyle = color;

  lienzo.moveTo(xinicial, yinicial);

  lienzo.lineTo(xfinal, yfinal);

  lienzo.stroke();

  lienzo.closePath();

}

function dibujoPorClick()

{

 var lineas = parseInt(texto.value);

 var l = 0;

 var xi, yi, xf, yf;

 var espacio = ancho / lineas;

for(l = 0; l < lineas; l++)

 {

   yi = espacio * l;

   xf = espacio * (l + 1);

   dibujarLineas("pink", 0, yi, xf, 300);

   dibujarLineas("green", xf, 2, 299, yi);

   dibujarLineas("yellow", 0, 300 - xi , xi, 0);

   dibujarLineas("blue", 280, 248, xi, yi, 2);

   dibujarLineas("purple", ancho - 2, 5, ancho -3, ancho - 1);

   l = l + 1;

  }

 }

 function borrarCanvas()

 {

   lienzo.clearRect(0, 0, 300, 300)

 }

}