<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.fillRect(50, 55, 90, 90); // funcion
pincel.fillRect(210, 55, 90, 90); // funcion
// nariz
pincel.fillRect(140, 145, 70, 100); // funcion
// boca
pincel.fillRect(100, 190, 40, 110); // funcion
pincel.fillRect(210, 190, 40, 110); // funcion
</script>