3
respuestas

El ejercicio de la Escuadra no logro completar

Referente al curso Lógica de programación: Practicando con juegos y animaciones, en el capítulo Diseñando gráficos con Canvas y actividad Haz lo que hicimos en el aula

por Gustavo Gabriel Krieger
| 59.7k xp | 15 posts

El ejercicio de la escuadra está incompleto. El eje cartesiano del triángulo quedó perfecto, pero trazar la línea perpendicular que cierra la escuadra fue lo que no he podido lograr, a pesar de que he seguido paso a pso lo que enseña el profesor en el video de la bandera italiana a la cual se le agrega un triángulo. Imsginé que podía usar eso para aplicarlo a este ejercicio, pero aún así no lo puedo lograr. He probado condistintos métodos, incluso busqué por internet... A continuación mostraré mi código y una captura de pantalla con cómo me da el resultado.`

![](![Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad](https://cdn1.gnarususercontent.com.br/6/449404/94fde32d-58a7-487b-a152-5ef705ca3a6d.png) )`
3 respuestas
por Gustavo Gabriel Krieger
| 59.7k xp | 15 posts

por Carlos Chavez Fuentes
| 14.9k xp | 6 posts

Te envio el codigo:

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

<script>

    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");
    pincel.fillStyle='black';
    pincel.beginPath();
    pincel.moveTo(50, 50);
    pincel.lineTo(50, 400);
    pincel.lineTo(400, 400);
    pincel.fill();

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


</script>
por Raúl Alexis Sanchez
| 8.3k xp | 7 posts

Buenas, te paso como lo hice yo

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

<script>

    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");
    pincel.fillStyle='black';
    pincel.beginPath();
    pincel.moveTo(50, 50);
    pincel.lineTo(50, 400);
    pincel.lineTo(400, 400);
    pincel.fill();



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


</script>