<style type="text/css">
body{
background: lightblue;
}
</style>
<canvas width="350" height="300">
</canvas>
<script type="text/javascript">
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext('2d');
//CABEZA
pincel.fillStyle = "darkgreen";
pincel.fillRect(0,0,350,300);
//OJOS
pincel.fillStyle = "red";
pincel.fillRect(50,50,90,90);
pincel.fillRect(210,50,90,90);
//NARIZ
pincel.fillStyle = "black";
pincel.fillRect(140,140,70,100);
//PARTE DE LA BOCA
pincel.fillStyle = "black";
pincel.fillRect(100,190,40,110);
pincel.fillRect(210,190,40,110);
</script>
