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 Richard Jimmy Tomalá Moncada
| 46.6k xp | 45 posts

Asi quedo mi escuadra

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad 

<meta charset="UTF-8">

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

<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");
    pincel.fillStyle="red";
    pincel.beginPath();
    pincel.moveTo(50, 50);
    pincel.lineTo(50, 400);
    pincel.lineTo(400, 400);
    pincel.fill();

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


</script>
1 respuesta
por Luisa Fernanda Ciro Ceballos
| 104.7k xp | 60 posts
Gestora de Agilismo

Super!

Asi quedo la mia! Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad 

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

<script>

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


    pincel.fillStyle = "purple";
    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>