<canvas width="600" height="400">
</canvas>
<script>
var pantalla = document.querySelector("canvas")
var pincel = pantalla.getContext("2d");
function rectangulo(color,x,y,width,height){
pincel.fillStyle=color;
pincel.fillRect(x,y,width,height);
}
/*Container*/
rectangulo("darkgreen",0,0,350,300)
/*Eyes*/
rectangulo("black",52,40,90,90)
rectangulo("black",212,40,90,90)
/*Nose*/
rectangulo("black",142,130,70,100)
/*Mouse*/
rectangulo("black",102,170,40,110)
rectangulo("black",212,170,40,110)
</script>