<canvas width="600" height="400"></canvas>
<script type="text/javascript">
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
//cabeza
pincel.fillStyle = "darkgreen";//propiedad
pincel.fillRect(0, 0, 350, 300);//función
//ojos
pincel.fillStyle = "black";//propiedad
pincel.fillRect(50, 60, 90, 90);//función
pincel.fillStyle = "black";//propiedad
pincel.fillRect(210, 60, 90, 90);//función
//nariz
pincel.fillStyle = "black";//propiedad
pincel.fillRect(140, 150, 70, 100);//función
//boca
pincel.fillStyle = "black";//propiedad
pincel.fillRect(100, 190, 40, 110);//función
pincel.fillStyle = "black";//propiedad
pincel.fillRect(210, 190, 40, 110);//función
</script>
