hola amigos
tengo un codigo que dibuja 250 cuadrados con 50 columnas y 5 filas, pero me gustaria que los cuadrados fueran mas grandes u ocuparan todo el espacio de pantalla, pero no entiendo del todo el codigo ¿me podriais ayudar?
Código:
<!DOCTYPE HTML>
<html>
<head>
<script >
function retornarLienzo(x) {
var canvas = document.getElementById(x);
if (canvas.getContext) {
var lienzo = canvas.getContext("2d");
return lienzo;
} else
return false;
}
/*dibujar 250 cuadrados que vayan del negro al rojo en 50 columnas y 5 filas */
function dibujar() {
var lienzo=retornarLienzo("lienzo1");
/ME GUSTARIA QUE ME EXPLICARAIS ESTA PARTE DEL CODIGO
if (lienzo){
var rojo=0;
for(var fil=1;fil<=5;fil++) {
for(var col=1;col<=50;col++) {
lienzo.fillStyle="rgb("+rojo+",0,0)";
lienzo.fillRect(col*15,fil*15,14,14);
rojo++;
}
}
}
}
</script>
</head>
<body onLoad="dibujar()">
<canvas id="lienzo1" width="750" height="300">
</canvas>
</body>
</html>
a ver si me podeis explicar el For , un saludo y gracias