Solucion a escuadra

Esta es mi solucion, sigo añadiendo codigos de colores por que se ven muy bien, auque creo yo no es muy recomendable para las personas que empiezan a programar, ya que podrin confundirse si no saben de esos codigos.

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

</canvas>

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


     pincel.fillStyle="#E5F3E5";
     pincel.fillRect(0,0,600,400);

     pincel.fillStyle = "#3F423F";
     pincel.beginPath();
     pincel.moveTo(50,50);
     pincel.lineTo(50,400);
     pincel.lineTo(400,400);
     pincel.fill();

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


</script>