mi solucion

<canvas width="600" height="400">

   </canvas>
   <script>
       //ancho de pantalla
       var ancho=600
       var largo=400
       var mitadanch=ancho/2
       var mitadlarg=largo/2
       var pantalla=document.querySelector('canvas');
       var pincel=pantalla.getContext('2d');
       //todo el canva pintado 
       pincel.fillStyle='blue';
       pincel.fillRect(0,0,600,400)
       //cabeza
       pincel.fillStyle='green'
       pincel.fillRect(mitadanch-(350/2),mitadlarg-(300/2),350,300)
       //ojo1
       pincel.fillStyle='black'
       pincel.fillRect(mitadanch-(35+90),mitadlarg-(90),90,90)
       //ojo2
       pincel.fillStyle='black'
       pincel.fillRect(mitadanch+35,mitadlarg-(90),90,90)
       //nariz
       pincel.fillStyle='black'
       pincel.fillRect(mitadanch-35,mitadlarg,70,100)
       //parte boca 1
       pincel.fillStyle='black'
       pincel.fillRect(mitadanch-(35+40),mitadlarg+(40),40,110)
       //parte boca 2
       pincel.fillStyle='black'
       pincel.fillRect(mitadanch+35,mitadlarg+(40),40,110)

   </script>