Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

ESCUADRA-" No dibuja la escuadra interior."

Buenos días estimados. En mi código no se dibuja la escuadra interior. Si me podrían dar una pista del porqué, se los agradecería!

<meta charset  "UTF-8" >
<h3>"Escuadra"<h3>
<canvas width="600 height="400"></canvas>

<script>

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

    pincel.fillStyle = "pink";
    pincel.fillRect(0,0,400,600);


    pincel.fillStyle="black"; 
    pincel.beginPath();
    pincel.moveTo(50,50);
    pincel.lineTo(50,400);
    pincel.lineTo(400,400);
    pincel.fill();

    pincel.fillStyle="green";
    pincel.beginPath();
    pincel.moveTo(100,175);
    pincel.lineTo(100,350);
    pincel.lineTo(275,350);
    pincel.lineTo(100,350);
    pincel.fill();

</script>

Aclaro que tampoco sé si está bien agregar la ultima linea "pincel.lineTo(100, 350)"

1 respuesta

Hola Gisel, espero que estés bien!

Dos consideraciones:

  1. El 'meta charset' de caracteres debe ser <meta charset="UTF-8">. Olvidaste solo lo signal =
  2. A la etiqueta 'canvas' le faltan comillas entre los atributos, la correcta sería <canvas width="600" height="400"></canvas>

Dime si funcionó después de las correcciones, ¿sí?

Mucho éxito en todo lo que te propongas y si tienes alguna duda aquí estaremos para apoyarte.

¡Vamos juntos!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios