Apenas criei uma função com 7 parâmetros e chamei duas vezes a função com as medidas de cada triângulo.
<canvas width = "600" height = "400"></canvas>
<script>
//Função para desenhar o esquadro.
function desenhaesquadro (x, y, xa, ya, xb, yb, cor) {
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle = cor;
pincel.beginPath();
pincel.moveTo(x,y);
pincel.lineTo(xa,ya);
pincel.lineTo(xb,yb);
pincel.fill();
}
//Chamada da função para desenhar o esquadro.
desenhaesquadro (50, 50, 50, 400, 400, 400, 'black');
desenhaesquadro (100, 175, 100, 350, 275, 350, 'white');
</script>
