Parte interna do esquadro (triângulo branco) proporcial

percebi que estava fazendo a proporção e escrevi os termos matemáticos de outra forma, porém chega ao mesmo resultado já que (1/7)*(xB-xA)+xA é o mesmo que (6*xA+xB)/7, logo nem alterei para a versão do professor, porém creio que o meu ficou mais compacto.

<canvas width="600" height="400"></canvas>

<script>

    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    function triangulo(xA,yA,xB,yB,cor) {
        pincel.fillStyle=cor;
        pincel.beginPath();
        pincel.moveTo(xA, yA);
        pincel.lineTo(xA, yB);
        pincel.lineTo(xB, yB);
        pincel.fill();
    }

    function esquadro(xA,yA,xB,yB,cor) {
        triangulo(xA,yA,xB,yB,cor);
        triangulo((1/7)*(xB-xA)+xA,(5/14)*(yB-yA)+yA,(9/14)*(xB-xA)+xA,(6/7)*(yB-yA)+yA,"white");
    }

    esquadro(50,50,400,400,"black");

</script>