<canvas width="600"height="400"></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle="green";
pincel.fillRect(0,0,350,300)//cabeza
pincel.fillStyle ="black";//ojo izquierdo
pincel.fillRect(30,40,90,90);
pincel.fillStyle="black";//ojo derecho
pincel.fillRect(220,40,90,90);
pincel.fillStye="black";//nariz
pincel.fillRect(140,135,70,80);
pincel.fillStyle="black";//cuadro boca derecha
pincel.fillRect(200,150,40,110)
pincel.fillStyle="black";//cuadro boca izquierdo
pincel.fillRect(110,150,40,110);
</script>
