<canvas width="600" height="400" ></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = "lightblue";
pincel.fillRect(0,0,600,400);
pincel.fillStyle = "darkgreen"; //cabeza
pincel.fillRect(120,60,350,300);
pincel.fillStyle = "black"; //ojo izquierdo
pincel.fillRect(170,125,90,90);
pincel.fillStyle = "black"; //ojo derecho
pincel.fillRect(330,125,90,90);
pincel.fillStyle = "black"; //nariz
pincel.fillRect(260,215,70,100);
pincel.fillStyle = "black"; //boca izquierda
pincel.fillRect(220,250,40,110);
pincel.fillStyle = "black"; //boca derecha
pincel.fillRect(330,250,40,110);
</script>
