Fiz com coordenadas diferentes, iniciando(0,0), mais cheguei no resultado final. | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

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

<script>

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

    // Retângulo 1 (cabeça) 

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

    // Retângulo 2 e 3 (olhos)

    pincel.fillStyle = 'black';
    pincel.fillRect(50,60,90,90);
    pincel.fillRect(210,60,90,90);

    // Retângulo 4 (nariz)

    pincel.fillRect(140,150,70,100);

    // Retângulo 5 e 6 (parte da boca)

    pincel.fillRect(100,200,40,100);
    pincel.fillRect(210,200,40,100);

</script>