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 Gerardo Iván García Maya
| 95.7k xp | 25 posts
<canvas width="600" height="400"></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");

// Dibuja el primer triángulo
pincel.beginPath();
pincel.moveTo(50, 50);
pincel.lineTo(50, 400);
pincel.lineTo(400, 400);
pincel.fill();

// Dibuja el segundo triángulo
pincel.beginPath();
pincel.moveTo(100, 175);
pincel.lineTo(100, 350);
pincel.lineTo(275, 350);
pincel.fillStyle = "white";
pincel.fill();
</script>
1 respuesta
por JhonCleiverMendozaTiquillahuanca
| 104k xp | 29 posts
</canvas>
<script>
    var pantalla=document.querySelector("canvas");
    var pincel= pantalla.getContext("2d");
    pincel.fillStyle="white"; // pizarra
    pincel.fillRect(0,0,600,400);

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


</script>