<canvas width="350" height="300">
</canvas>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
// corpo
pincel.fillStyle = 'darkgreen';
pincel.fillRect(0, 0, 600, 400);
// olho 1 direita
pincel.fillStyle = 'black';
pincel.fillRect(90, 50, 60, 60);
//olho da esquerda
pincel.fillStyle = 'black';
pincel.fillRect(200, 50, 60,60);
// boca retângulo 1 central
pincel.fillStyle = 'black'
pincel.fillRect(150, 110, 50, 70);
//boca retângulo 2 direito
pincel.fillStyle = 'black'
pincel.fillRect(120, 150, 30, 90);
//boca retângulo 3 esquerdo
pincel.fillStyle = 'black'
pincel.fillRect(200, 150, 30, 90);
</script>