mi primer aporte

var d = document.getElementById(“dibujito”);
var lienzo = d.getContext(“2d”);
var lineas = 30;
var l = 0;
var yi, xf, xi, yf, zxf, zyf;

while(l < lineas)
{
yi = 10 *l;
xf = 10 * (l + 1);
xi = 10 * l
yf = 10 * (l + 1)
zxf = 300 - xf
zyf = 300 - yf
dibujarlinea("#aaf", 0, yi, xf, 300);
dibujarlinea("#aaf", xi, 0, 300, yf);
dibujarlinea("#aaf", 0, yi, zxf, 0);
dibujarlinea("#aaf", xi, 300, 300, zyf);
console.log(“lineas” + l)
l = l + 1;
}
dibujarlinea(“red”, 1, 1, 1, 300);
dibujarlinea(“red”, 1, 299, 299, 299);
dibujarlinea(“red”, 299, 299, 299, 1);
dibujarlinea(“red”, 299, 1, 1, 1);

function dibujarlinea(color, xinicial, yinicial, xfinal, yfinal)
{
lienzo.beginPath();
lienzo.strokeStyle = color;
lienzo.moveTo(xinicial, yinicial);
lienzo.lineTo(xfinal, yfinal);
lienzo.stroke();
lienzo.closePath();
}