<meta charset="UTF-8">
<canvas width="600" height="400">
</canvas>
<script>
function dibujarCuadradoVerde(cantidad,x,y,tamaño,color){
for(var i=0;i<cantidad;i++){
pincel.fillStyle=color;//propiedad color
pincel.fillRect(x,y,tamaño,tamaño);//funcion
pincel.strokeStyle="black"; //propiedad marjen
pincel.strokeRect(x,y,tamaño,tamaño);//lugar del marjen
x=x+tamaño;
}
}
var pantalla=document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
//dibujarCuadradoVerde(cantidad,iniciio_x,inicio_y,tamaño,color);
dibujarCuadradoVerde(3,0,0,100,"red");
dibujarCuadradoVerde(3,0,100,100,"yellow");
dibujarCuadradoVerde(3,0,200,100,"green");
</script>
