<canvas width="600" height="400"><canvas/>
<script>
var pantalla=document.querySelector("canvas");
var pincel=pantalla.getContext("2d");
//CABEZA
pincel.fillStyle = "darkgreen";
pincel.fillRect(200,50,350,300);
//OJOS
pincel.fillStyle = "black";
pincel.fillRect(250, 110, 90, 90);
pincel.fillRect(410, 110, 90, 90);
//NARIZ
pincel.fillRect(340, 200, 70, 100);
//BOCA
pincel.fillRect(300, 240, 40, 110);
pincel.fillRect(410, 240, 40, 110);
//prueba
pincel.fillStyle = "red";
pincel.fillRect(530, 330, 20, 20);
</script>
![]( )