<canvas width="600" height="400"> </canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
//Cara
pincel.fillStyle = "darkgreen"; //Propiedad
pincel.fillRect(0,0,350,300); //funcion
//Ojos
pincel.fillStyle = "black"; //Propiedad
pincel.fillRect(50,50,90,90); //funcion
pincel.fillStyle = "black"; //Propiedad
pincel.fillRect(210,50,90,90); //funcion
//Nariz
pincel.fillStyle = "black"; //Propiedad
pincel.fillRect(140,140,70,100); //funcion
//boca
pincel.fillStyle = "black"; //Propiedad
pincel.fillRect(100,190,40,110); //funcion
pincel.fillStyle = "black"; //Propiedad
pincel.fillRect(210,190,40,110); //funcion
</script>