<canvas width="600" height="400"> </canvas>
<script>
var panel = document.querySelector("canvas");
var pincel = panel.getContext("2d");
//Creatin the head rectangle
pincel.fillStyle = "darkgreen";
pincel.fillRect(0,0,350,300);
//Creating the eyes rectangles
pincel.fillStyle = 'black';
pincel.fillRect(50, 50, 90, 90);
pincel.fillRect(210,50, 90, 90)
//Creating the nose's rectangles
pincel.fillRect(140,140,70,100)
//Creating the mouth's rectangle
pincel.fillRect(100,190,40,110)
pincel.fillRect(210,190,40,110)
</script>