Código alternativo poupando parâmetros

<!-- esquadro.html -->

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

<script>

    function desenhaEsquadro(x, y, cor){

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

        pincel.fillStyle = (cor);
        pincel.beginPath();
        pincel.moveTo(x, x);
        pincel.lineTo(x, y);
        pincel.lineTo(y, y);
        pincel.fill();

        pincel.fillStyle = ('white');
        pincel.beginPath();
        pincel.moveTo(x * 2, x * 3 + x/2);
        pincel.lineTo(x * 2, y - x);
        pincel.lineTo(y - x * 2 - x/2, y - x);
        pincel.fill();
    }

    desenhaEsquadro(50, 400, 'black'); 
    // Qualquer valor desde que o Y seja igual à 8 vezes o X
    //Ex: x = 1, y = 8 || x = 2, y = 16 || x = 3, y = 24
</script>