<canvas width="600" height="400" > </canvas>
<script>
var pantalla= document.querySelector("canvas")
var pincel = pantalla.getContext("2d");
//fondo
pincel.fillStyle = "#00FFFF";
pincel.fillRect (0,0,600,400);
//centrado 125*50
//cabeza 350*300
pincel.fillStyle = "green";
pincel.fillRect (0+125,0+50,350,300);
//ojos 90*90
pincel.fillStyle = "black";
pincel.fillRect(175,110,90,90);
pincel.fillRect(210+125,60+50,90,90);
//nariz 70*100
pincel.fillStyle = "black";
pincel.fillRect(140+125,150+50,70,100);
//boca 40*110
pincel.fillStyle = "black";
pincel.fillRect(100+125,200+50,40,100);
pincel.fillRect(210+125,200+50,40,100);
</script>
