#listo
<canvas width="600" height="400"></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
//primer rectangulo
pincel.fillStyle = "darkgreen" //propiedad
pincel.fillRect(0,0,350,300);//funcion
//rectangulo del primer ojo
pincel.fillStyle = "black" //propiedad
pincel.fillRect(35,50,90,90);//funcion
//rectangulo del segundo ojo
pincel.fillStyle = "black" //propiedad
pincel.fillRect(190,50,90,90);//funcion
//rectangulo de creo que es la nariz
pincel.fillStyle = "black" //propiedad
pincel.fillRect(120,140,70,100);//funcion
//rectangulo parte de la boca
pincel.fillStyle = "black" //propiedad
pincel.fillRect(190,190,40,110);//funcion
//rectangulo parte de la boca
pincel.fillStyle = "black" //propiedad
pincel.fillRect(80,190,40,110);//funcion
</script>
