<canvas width="600" height="400">
</canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
// cabeza
pincel.fillStyle = "darkgreen"; //propiedad
pincel.fillRect(50,50,350,300); //funcion
//ojo izquierdo
pincel.fillStyle = "black"; //propiedad
pincel.fillRect(100,100,90,90); //funcion
//ojo derecho
pincel.fillStyle = "black"; //propiedad
pincel.fillRect(260,100,90,90); //funcion
//nariz
pincel.fillStyle = "black"; //propiedad
pincel.fillRect(190,190,70,100); //funcion
//boca parte izquerda
pincel.fillStyle = "black"; //propiedad
pincel.fillRect(150,240,40,110); //funcion
//boca parte derecha
pincel.fillStyle = "black"; //propiedad
pincel.fillRect(260,240,40,110); //funcion
</script>