Qual a Fração?

<meta charset="UTF-8">
<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.fillStroke = 'brack';
        pincel.strokeRect(x, y, tamanho, tamanho);
    }

        function texto(texto, x , y) {
                var tela = document.querySelector('canvas');
                var pincel = tela.getContext('2d');

                pincel.font='30px OMORI_GAME2';
                pincel.fillStyle='black';
                pincel.fillText(texto, x, y);    
        }
        texto("Qual é a fração?", 10, 30);

    var y = 50;
    desenhaQuadrado(0, y, 50, 'green');
    desenhaQuadrado(50, y, 50, 'green');
    desenhaQuadrado(100, y, 50, 'green');
    desenhaQuadrado(150, y, 50, 'white');


</script>