<canvas width="600" height="400"></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = 'blue';
pincel.beginPath();
pincel.moveTo(50, 50);
pincel.lineTo(50, 400);
pincel.lineTo(400, 400);
pincel.fill();
pincel.fillStyle = 'black';
pincel.beginPath();
pincel.moveTo(100, 175);
pincel.lineTo(100, 350);
pincel.lineTo(275, 350);
pincel.fill();
</script>
¡Hola Jessica!
Entiendo que estás trabajando en el diseño de una escuadra utilizando HTML y JavaScript. La imagen que compartiste muestra que ya tienes un diseño básico en tu código.
Para mejorar el diseño de tu escuadra, podrías agregar algunas líneas para hacerla más detallada. Por ejemplo, podrías agregar líneas para crear el ángulo de 90 grados en la esquina inferior derecha de la escuadra.
También podrías cambiar los colores de la escuadra para que se ajusten a tus preferencias. Por ejemplo, en lugar de azul y negro, podrías utilizar colores que combinen mejor.
¡Espero que estos consejos te ayuden a mejorar tu diseño! Si tienes alguna otra pregunta, no dudes en preguntar.
¡Espero haber ayudado y buenos estudios!