Hola
Tengo una dudas!? después de poner la escuadra de como iba ya no super que hacer para que me saliera les dejo mi código.. Ah también en la parte del final del beginPath se me complico y eso si lo copie solo para ver en HTML si daba pero no me salió nada .
<canvas width="600" height="400"></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
//triangulo arriba
pincel.fillStyle = "blue";
pincel.beginPath();
pincel.moveTo(50,50);
pincel lineTo(50,400);
pincel.lineTo(400,400);
pincel.fill();
//triangulo abajo
pincel.fillStyle = "black";
pincel.beginPath();
pincel,moveTo(100,175);
pincel.lineTo(100,350);
pincel.lineTo(275,350);
pincel.fill();
//parte final ...
pincel.beginPath();
pincel.moveTo(50, 50);
pincel.lineTo(50, 400);
</script>
