<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> 
  
 
            