<canvas width="600" height="400"></canvas>
<script>
    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.fill();
        pincel.fillStroke
        pincel.strokeRect(x+tamanho, y, tamanho, tamanho);
   }
   desenhaQuadrado(0, 0, 100, 'green');
   desenhaQuadrado(100, 0, 100, 'green');
   desenhaQuadrado(200, 0, 100, 'green');
</script> 
            