Resolvido

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

<script>

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

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

        pincel.fillStyle = cor;
        pincel.fillRect(x, y, tamanho, tamanho);
        pincel.fillStroke = "black";
        pincel.strokeRect(x, y, tamanho, tamanho);
    }
    function desenhaTexto(texto, x, y){

        pincel.font = "20px Georgia";
        pincel.fillStyle = "black";
        pincel.fillText(texto, x, y);
    }

    desenhaTexto("Qual é a fração?", 0, 30);

    for (var x = 0; x < 150; x = x + 50){

        desenhaQuadrado(x, 50, 50, "green");

    }

    pincel.strokeRect(150, 50, 50, 50);
</script>