Olá, percebi que o código não está imprimindo e descobri que o problema estava na função: desenhaEsquadro. A lógica diz o seguinte: No tipo de triângulo do esquadro, basta sabermos os pontos A e C para descobrirmo o B! Repare que o X do A também é o X do B, e o Y do C também é o Y do B. Aqui na lógica dizemos que o X do A é o igual ao do B, porém por um erro de digitação, talvez, o código sugerido não seguia essa lógica, o X do B estava o mesmo do C, então é só corrigir. o Código ficou assim:
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
function desenhaEsquadro(xa, ya, xc, yc, cor) {
pincel.fillStyle=cor;
pincel.beginPath();
pincel.moveTo(xa, ya); // Ponto A
pincel.lineTo(xa, yc); //Ponto B. Aqui temos que deixar o X do B igual ao do A.
pincel.lineTo(xc, yc); //Ponto C
pincel.fill();
}
desenhaEsquadro(50, 50, 400, 400, 'black');
desenhaEsquadro(100, 175, 275, 350, 'white');