Posso fazer assim?

Caso eu queira os quadrados de tamanhos diferentes, é valido fazer dessa forma?

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

<script> // width = largura height = altura

    function desenhaQuadrado(x, y, tamanho, tamanho2, cor) { // largura do quadrado, altura do quadrado, tamanho do quadrado, cor    


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

    pincel.fillStyle = cor;
    pincel.fillRect(x, y, tamanho, tamanho2);  // coordenada x horizonal --- e y vertical //
    pincel.fillStroke = 'blue'
    pincel.strokeRect(x, y, tamanho, tamanho2); // tamanho da borda

    }

    desenhaQuadrado(0, 0, 50, 50, 'blue');
    desenhaQuadrado(50, 0, 50, 50, 'red');
    desenhaQuadrado(100, 0, 50, 50, 'yellow');


</script>