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

<script>

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

//fundo

    pincel.fillStyle = 'white'
    pincel.fillRect(0,0, 600, 400);

//cabeça

    pincel.fillStyle = 'darkgreen'
    pincel.fillRect(150 ,25 ,300 ,350);

//Retângulos olho esquerdo 

    pincel.fillStyle = 'black'
    pincel.fillRect (180, 110, 90, 90);

//Retângulo olho direito

    pincel.fillStyle = 'black'
    pincel.fillRect (340, 110, 90, 90);

//Retângulo nariz

    pincel.fillStyle = 'black'
    pincel.fillRect (270, 200, 70, 100);

//Retângulos boca direita

    pincel.fillStyle = 'black'
    pincel.fillRect ( 340, 265, 40, 110)

//Retângulo boca esquerda

    pincel.fillStyle = 'black'
    pincel.fillRect (230,265, 40, 110)
</script>