<canvas width="600" height="400"></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
//cabeza
pincel.fillStyle = 'darkred';
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);
//boca detalle
pincel.fillStyle = 'white';
pincel.fillRect(350, 260, 50, 20);
//ojo izquierdo y derecho
pincel.fillStyle = "white" // propiedad
pincel.beginPath();
pincel.arc(295,155,30,0,2*3.14);
pincel.arc(455,155,30,0,2*3.14);
pincel.fill();
</script>
