<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); //función
//ojos
pincel.fillStyle = "black"; //propiedad
pincel.fillRect(100,100,90,90); //función
pincel.fillStyle = "black"; //propiedad
pincel.fillRect(260,100,90,90); //función
//naris
pincel.fillStyle = "black"; //propiedad
pincel.fillRect(190,190,70,100); //función
//boca
pincel.fillStyle = "black"; //propiedad
pincel.fillRect(150,240,40,110); //función
pincel.fillStyle = "black"; //propiedad
pincel.fillRect(260,240,40,110); //función
</script>