Fração - Diferente do Professor

Fiz a questão da fração, determinando tudo na criação das funções, e ao serem chamadas é só colocar os parametros!

<canvas width="600"  height="600"></canvas>
<script type="text/javascript">
    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.fillRect((x+50),y,tamanho,tamanho);
        pincel.fillRect((x+100),y,tamanho,tamanho);


        pincel.strokeStyle = "black";
        pincel.strokeRect((x),y,tamanho,tamanho);
        pincel.strokeRect((x+50),y,tamanho,tamanho);
        pincel.strokeRect((x+100),y,tamanho,tamanho);
        pincel.strokeRect((x+150),y,tamanho,tamanho);
        pincel.strokeRect((x+200),y,tamanho,tamanho);


    }

    function escreveTexto(texto,x,y){
        pincel.font = " 20px Cursive" //usado para criar texto no canvas, definindo fontesize e fontfamily
        pincel.fillStyle = "black"; // definimos a cor
        pincel.fillText(texto,x,y) // e preenchemos o texto
    }


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

    escreveTexto("Qual a fração?",50,30);

</script>