Olá! Eu resolvi o exercício de maneira diferente, deu tudo certo! Mas eu gostaria de entender o motivo pelo qual é especificado para utilizar no parâmetro da função "tamanho".
<meta charset="utf-8">
<canvas height="600" width="400"></canvas>
<script>
function desenhaQuadrado(x,y,cor) {
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle = cor;
pincel.fillRect(x,y,50,50);
pincel.strokeStyle = 'black';
pincel.strokeRect(x,y,50,50);
}
//criando texto
function desenhaTexto(texto,x,y){
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.font = '20px Georgia';
pincel.fillStyle = 'black';
pincel.fillText(texto,x,y);
}
for(var x = 0; x < 150;x = x + 50){
desenhaQuadrado(x,0,'green');
}
desenhaQuadrado(x,0,'white');
desenhaTexto("Qual é a fração?", 100,70);
</script>