<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>