Cap3_EX1 - dúvida sobre o eixo y / console.log

Prezados (as),

Ao responder o Exercício 1 do Capítilo 3 do curso Praticando Lógica de Programação. Observei que ao clicar (atirar) no canvas no ponto 600 X 400 (canto inferior esquerdo), o console.log exibi as coordenadas aproximadas de "posição do clique: 598, 147", ou seja, o valor máximo da coordenada y é 147/150. Pergunto, não deveria ser algo mais aproximado de 400, tipo "598, 400"?

Segue o meu código:

<meta charset = "UTF-8">

<canvas id = "tela" width = "600" heigth = "400"></canvas>

<script>

var tela = document.getElementById("tela");
var c = tela.getContext("2d");

c.fillStyle = "gray";
c.fillRect(0, 0, 600, 400);

var desenhaCirculo = function (evento) {
    var x = evento.pageX - tela.offsetLeft;
    var y = evento.pageY - tela.offsetTop;

    c.fillStyle = "blue";
    c.beginPath();
    c.arc(x, y, 10, 0, 2*3.14);
    c.fill();

    console.log("posição do clique: " + x + ", " + y);
}

tela.onclick = desenhaCirculo;


</script>