terde mucho tiempo haciendolo pero lo logre.
<canvas width="600" height="400"></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d")
pincel.fillStyle = "darkgreen";
pincel.fillRect(200,50,350,300);
pincel.fillStyle = "black"
pincel.fillRect(250,110,90,90);// ojo izquierdo
pincel.fillRect(410,110,90,90) //ojo derecho
pincel.fillStyle = "black"
pincel.fillRect(340,170,70,110);// nariz
pincel.fillStyle = "black"
pincel.fillRect(300,240,40,110);// boca
pincel.fillRect(400,240,40,110);
</script>
