<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, 'orange');
desenhaEsquadro(100, 175, 275, 350, 'green');
</script>
Ele quis mostrar que com uma formula correta , qualquer valor que colocar em (xa, ya,) iguais e qualquer valor que colocar em (xc, yc,) iguais e sendo(xa, ya,) menor (xc, yc,) e sem precisar toda hora que quiser um tamanho diferente ter que ir por tentativa e erro ou tentativa e acerto, até achar a proporção correta para tal. Vc conseguem um um esquadro perfeito com apenas um desenhaEsquadro.
Valeu,mano. Eu entendi.