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

<script>
    var creeper = document.querySelector("canvas");
    var pincel = creeper.getContext("2d"); 

    /*pincel.fillStyle = "yellow";     
    pincel.fillRect(0, 0, 600, 400);*/

    pincel.fillStyle = "darkgreen";     //cabeça
    pincel.fillRect(0, 0, 350, 300);

    pincel.fillStyle = "black";         //olho 
    pincel.fillRect(50, 50, 90, 90);

    pincel.fillStyle = "black";         //olho
    pincel.fillRect(200, 50, 90, 90);

    pincel.fillStyle = "black";         //nariz
    pincel.fillRect(135, 140, 70, 100);

    pincel.fillStyle = "black";         //boca
    pincel.fillRect(95, 190, 40, 110);

    pincel.fillStyle = "black";         //boca
    pincel.fillRect(205, 190, 40, 110);


</script>