Segue meu esquadro aqui, só alterei a cor do fundo pra facilitar a visualização.
<meta charset="UTF-8">
<canvas width="600" height="400">
</canvas>
<script>
var tela = document.querySelector('canvas');
var caneta = tela.getContext('2d');
caneta.fillStyle = 'purple';
caneta.fillRect(0,0 , 600,400)
caneta.fillStyle = 'black';
caneta.beginPath();
caneta.moveTo(50,50);
caneta.lineTo(50,400);
caneta.lineTo(400,400);
caneta.fill();
caneta.fillStyle = 'white';
caneta.beginPath();
caneta.moveTo(100,175);
caneta.lineTo(100,350);
caneta.lineTo(275,350);
caneta.fill();
</script>