Código
<meta charset="UTF-8">
<h1>La cara de Creeper</h1>
<canvas class="layout" width="350" height="300"></canvas>
<script>
const
canvasEl = document.querySelector( 'canvas.layout' ),
ctx = canvasEl.getContext( '2d' );
ctx.fillStyle = 'green';
ctx.fillRect( 0, 0, 350, 300 ); // Cabeza
ctx.fillStyle = 'black';
ctx.fillRect( 50, 50, 90, 90 ); // Ojo izquierdo
ctx.fillRect( 140, 140, 70, 100 ); // Nariz
ctx.fillRect( 210, 50, 90, 90 ); // Ojo derecho
ctx.fillRect( 100, 190, 40, 110 ); // Boca izquierda
ctx.fillRect( 210, 190, 40, 110 ); // Boca izquierda
</script>
Resultado en mi CodePen
https://codepen.io/pen?template=abYEmBp
