Este es el código que cree sin ver la opinión del instructor, no es lo más practico pero quería subir mi versión echa por mi.
<canvas width="600" height="400">
</canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = "darkGreen";
pincel.fillRect(0,0,350,300);
pincel.fillStyle = "black";
//hojo 1
pincel.beginPath();
pincel.moveTo(50,50);
pincel.lineTo(140,50);
pincel.lineTo(50,140);
pincel.moveTo(140,140);
pincel.lineTo(50,140);
pincel.lineTo(140,50);
//hojo 2
pincel.moveTo(300,50);
pincel.lineTo(210,50);
pincel.lineTo(300,140);
pincel.moveTo(300,140);
pincel.lineTo(210,140);
pincel.lineTo(210,50);
//nariz
pincel.moveTo(140,140);
pincel.lineTo(210,140);
pincel.lineTo(140,250);
pincel.moveTo(210,250);
pincel.lineTo(210,140);
pincel.lineTo(140,250);
//boca 1
pincel.moveTo(100,190);
pincel.lineTo(140,190);
pincel.lineTo(100,300);
pincel.moveTo(140,300);
pincel.lineTo(140,190);
pincel.lineTo(100,300);
//boca 2
pincel.moveTo(210,190);
pincel.lineTo(250,190);
pincel.lineTo(210,300);
pincel.moveTo(250,300);
pincel.lineTo(250,190);
pincel.lineTo(210,300);
pincel.fill();
</script>