Show de bola!!!!

E o código ficou assim:

<title>rodar</title>

<!-- Definir tag canvas -->
<canvas width="600" height="400"></canvas>

<script>

//    criar script para tela e pincel

    var tela = document.querySelector('canvas');
    var pincel = tela.getContext ('2d');

//    desenhar e pintar creeper

//    preenchimento do fundo 450 x 400
    pincel.fillStyle = 'lightgrey';
    pincel.fillRect(0, 0, 600, 400);

//    cabeça - retângulo 1 - 350 x 300 - verde
    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(125, 50, 350, 300);

//    olhos - retângulos 2 e 3 - 90 x 90 - preto
    pincel.fillStyle = 'black';
    pincel.fillRect(175, 110, 90, 90); // olho esquerdo
    pincel.fillRect(335, 110, 90, 90); //    olho direito

//    naris - retângulo 4 - 70 x 100 - preto
    pincel.fillRect(265, 200, 70, 100);

//    boca - retângulos 5 e 6 - 40 x 110 - preto
    pincel.fillRect(225, 240, 40, 110); // parte esquerda
    pincel.fillRect(335, 240, 40, 110); // parte direita

</script>

.

Depois de comparar com a alternativa certa, surgiu uma dúvida:

Por qual razão, no código da alternativa correta não centralizaram a figura em relação ao canvas, deixaram deslocada para direita?