Fiz tudo certinho achando que meu código ia estar similar a do professor, e quando fui ver o resultado tinha aqueles cálculos de multiplicação e divisão, e isso me assustou um pouco kkk. Esse meu código que fiz deu certo, mas fazer assim mais para frente vai ter algum problema? Se tiver, pfvr alguém me explica esse calculo do professor!
CALCULO DO PROFESSOR
pincel.moveTo((6*xa + xc)/7, (9*ya + 5*yc)/14);
pincel.lineTo((6*xa + xc)/7, (ya + 6*yc)/7);
pincel.lineTo((5*xa + 9*xc)/14, (ya + 6*yc)/7);
MINHA RESOLUÇÃO
<!-- esquadro.html -->
<canvas width="600" height="400"></canvas>
<script>
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);
pincel.lineTo (xa, yc);
pincel.lineTo (xc, yc);
pincel.fill ();
}
desenhaEsquadro (50, 50, 400, 400, "black");
desenhaEsquadro (100,175,275,350, "white");
</script>