[Proyecto] Diseñando una Escuadra

bueno, en esta vez me tomé el atrevimiento de investigar un poco más al respecto de las propiedades para hacer todo en una sola figura y con ayuda de esto realicé el siguiente código:

<canvas id="myCanvas" width="500" height="500"></canvas>
<script>
    // Obtener el elemento de canvas del HTML
    const canvas = document.getElementById("myCanvas");
    const context = canvas.getContext("2d");

    // Establecer el grosor del trazo
    context.lineWidth = 50;

    // Establecer el color de trazo
    context.strokeStyle = "#000000";

    // Dibujar la plantilla de triángulo isósceles
    context.beginPath();
    context.moveTo(100, 100); // Moverse al vértice superior
    context.lineTo(350, 350); // Dibujar el lado derecho
    context.lineTo(100, 350); // Dibujar el lado izquierdo
    context.closePath(); // Cerrar la forma
    context.stroke(); // Dibujar los bordes
</script>