Dificuldade na tarefa Esquadro #2

Estava fazendo essa tarefa e DO NADA surge um código assim:

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

<script>



    function DesenhaEsquadro(xa, ya, xc, yc, cor) {
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle = cor;
    pincel.beginPath();
    pincel.moveTo(xa, ya);
    pincel.lineTo(xa, yc);
    pincel.lineTo(xc, yc);
    pincel.fill();

  pincel.fillStyle = 'white'
    pincel.beginPath();
    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);
    pincel.fill();


    }

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

</script> 

Entendi a primeira parte do código, mas a segunda virou um mistério pra mim, já que não encontrei essa explicação em nenhuma aula anterior. Alguém pode me ajudar?

  pincel.fillStyle = 'white'
    pincel.beginPath();
    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);
    pincel.fill();

De onde surgiu isso?