<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector("canvas");
var pincel = tela.getContext('2d');
pincel.fillStyle = 'darkgreen';
pincel.fillRect(0, 0, 350, 300);
pincel.fillStyle = 'black';
pincel.beginPath();
pincel.fillRect(50,50,90,90); // Olho 1
pincel.fillRect(210,50,90,90); // Olho 2
pincel.fillRect(140,140,70,100); // Nariz
pincel.fillRect(100,190,40,110); // Boca pt 1
pincel.fillRect(200,190,40,110); // boca pt 2
pincel.fill();
</script>
