Confesso que errei em muitos quesitos como:
não ter comentado o código. Isso é ruim pra mim tbm, já que dificulto meu processo de compreensão do que estou fazendo e, no momento em que me perder no código; não soube unir dois elementos num só código como, os olhos e os bigodes. O código acabou ficando maior!
<canvas width="600" height="400">
</canvas>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle = 'blue';
pincel.fillRect(0,0,350,300);
pincel.fill();
pincel.fillStyle = 'yellow';
pincel.fillRect(54,30,90,90);
pincel.fill();
pincel.fillStyle = 'yellow';
pincel.fillRect(214,30,90,90);
pincel.fill();
pincel.fillStyle = 'yellow';
pincel.fillRect(144,120,70,100);
pincel.fill();
pincel.fillStyle = 'yellow';
pincel.fillRect(106,190,40,110);
pincel.fill();
pincel.fillStyle = 'yellow';
pincel.fillRect(214,190,40,110);
pincel.fill();
</script>