<canvas width = "600" height = "400"> </canvas>
<script>
var tela = document.querySelector("canvas");
var pincel =tela.getContext("2d");
pincel.fillStyle = "lightgrey";
pincel.fillRect(0, 0, 600, 400);
pincel.fillStyle = "darkgreen"; // o corpo verde
pincel.fillRect(125,100, 350, 300);
pincel.fillStyle = "black"; // olhos, retangulos 2
pincel.fillRect(175,150,90,90);
pincel.fillStyle = "black";
pincel.fillRect(335, 150, 90, 90);//olhos, retangulo 3
pincel.fillRect(265,240,70,100);// nariz retangulo 4
pincel.fillRect(225,290,40,110);//retangulo 5 parte da boca
pincel.fillRect(335,290,40,110);// retangulo 6
</script>
