Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Escuadra

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 Diseñando una Escuadra

por Carlos Antonino Gonzalez Espinoza
| 33.9k xp | 53 posts
<canvas width="400" height="400"> </canvas>

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

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

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

    pincel.fillStyle = "white"
    pincel.beginPath();
    pincel.moveTo(35,350);
    pincel.lineTo(35,100);
    pincel.lineTo(280,350);
    pincel.fill();

</script>
1 respuesta
por Shirley Beatriz Aguilar Aguilar
| 60.3k xp | 67 posts

Me salió igual :3

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

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




//triangulo 1

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


//triangulo 2
pincel.fillStyle = "white";
    pincel.beginPath();
    pincel.moveTo(100,175);
    pincel.lineTo(100,350);
    pincel.lineTo(275,350);
    pincel.fill();



</script>