Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Ayuda para encontrar error

Hola

He intentado un rato que me salga el rectángulo. Ya lo he hecho como el instructor, también. Pero no sale y no encuentro el error, podrían ayudarme por favor?

Aquí va el código

<canvas  width="600" height="400"></canvas>

<script>

 function dibujarRectangulo(x,y, base, altura, color) {

      var pantalla = document.querySelector("canvas");
      var pincel = pantalla.getContext("2d");

      pincel.fillStyle = color;
      pincel.fillRect(x,y,base, altura);
      pincel.strokeStyle ="black";
      pincel.strokeRect(x,y,base,altura);

 }

//dibujarRectangulo(0,0,350,300, "pink");


function escribirTexto(x, y, texto) {

     var pantalla = document.querySelector("canvas");
     var pincel = pantalla.getContext("2d");

     pincel.font="15px Georgia";
     pincel.fillStyle= "black";
     pincel.fillText(texto, x, y);

}

//escribirTexto(100,100,"perro","white")


function dibujarBarra(x, y, serie, colores, texto ) {

    escribirTexto(x,y-10, texto);

    var sumaAltura = 0;


   for (var i= 0; i < serie.length; i++) {

    var altura = serie[i];
       dibujarRectangulo(x, y + sumaAltura, 50, altura, colores[i]);
    sumaAltura = sumaAltura + altura;      

   }


    var colores=["blue", "green", "yellow", "red", "gray"];
    var serie2009 = [6,47,41,3,3];
    //var serie2019 = [81, 9, 3, 3, 4];

dibujarBarra(50, 50, serie2009, colores, "2009");
//dibujarBarra(150,50,serie2019, color, "2019");


}







</script>
1 respuesta
solución!

He encontrado el error !!!

La llave de función estaba hasta el final y esa llave tenía que cerrarse antes de llamar a la función dibujarBarra.

GRACIAS :D