<canvas width="600" height="400"></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
//aquí viene más
//cabeza
pincel.fillStyle = 'darkgreen';
pincel.fillRect(200, 50, 350 ,300);
//ojos
pincel.fillStyle = 'black';
pincel.fillRect(250, 110, 90, 90);
pincel.fillRect(410, 110, 90, 90);
//nariz
pincel.fillRect(340, 200, 70, 100);
//boca
pincel.fillRect(300, 240, 40, 110);
pincel.fillRect(410, 240, 40, 110);
</script>
Se pueden hacer cantidad de cosas mas con esto. Pero ojo tengo problemas con el canvas no se si confiar porque no me sale el triangulo de la bandeja ni el radio, no se si funciona bien en html o soy yo.