Frações

O objetivo era criar 3 quadrados verdes e 1 branco com uma linha em volta de cada um, mas o código não funciona e não consigo achar oque há de errado com o código, alguém consegue me explicar oque está errado aí?

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

<script>

    function desenhaQuadrado(x, y, tamanho, cor) {

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

        pincel.fillStyle = cor;
        pincel.fillRect = (x, y, tamanho, tamanho);
        pincel.strokeStyle = "black"
        pincel.strokeRect = (x, y, tamanho, tamanho);

    }

    desenhaQuadrado(0, 0, 50, "green");
    desenhaQuadrado(50, 0, 50, "green");
    desenhaQuadrado(100, 0, 50, "green");
    desenhaQuadrado(150, 0, 50, "white");

</script>