Desenhando quadrado.

<canvas width='600' height='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 = 'white';
        pincel.strokeRect(x, y, 50, 50)

    }

    desenhaQuadrado(0, 0, 'green');
    desenhaQuadrado(0, 50, 'green');
    desenhaQuadrado(0, 100, 'green' );

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




</script>