<canvas width="600" height="400">
</canvas>
<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");
    function fnc_draw(P_POS_X, P_POS_Y, P_WIDTH, P_HEIGTH)
    {
        pincel.fillRect(P_POS_X, P_POS_Y, P_WIDTH, P_HEIGTH);
    }
    function fnc_set_color(P_COLOR)
    {
        pincel.fillStyle = P_COLOR;
    }
    fnc_set_color("green"); 
    fnc_draw(0,0,350,300); //Cabeza
    fnc_set_color("black");
    fnc_draw(50,55,90,90); //Ojo_1
    fnc_draw(210,55,90,90); // Ojo_2
    fnc_draw(140,145,70,100);//Nariz
    fnc_draw(100,190,40,110);//Pierna_1
    fnc_draw(210,190,40,110);//Pierna_2
    fnc_set_color("red");
    fnc_draw(0,0,10,300)
    fnc_set_color("white");
    fnc_draw(10,0,10,300)
    fnc_set_color("blue");
    fnc_draw(20,0,10,300);        
</script> 
  
 
            