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

Dibujo de escuadra

Hola! Les comparto mi código mediante el cual dibuje la escuadra.

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

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

    pincel.beginPath();
    pincel.moveTo(50, 50);
    pincel.lineTo(50,400);
    pincel.lineTo(400,400);
    pincel.fill();

    pincel.beginPath();
    pincel.moveTo(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();

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

</script>
1 respuesta

no entiendo porque tenes algunas partes repetidas. por mas que esta funcional, podrias optimizarlo para usar menos lineas de codigo.