Щелкните изображение, чтобы получить координаты

Я думаю, вы говорите о:

<input id = "info" type = "image">

При отправке есть значения формы для координат x и y на основе идентификатора входного элемента (в данном случае info.x и info.y).

http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.4.1

из того, что вы описываете, вы должны зарегистрироваться в событии мыши изображения, в этом случае у вас должно быть событие кнопки мыши изображения.

в функции, которую вы должны использовать

Point mousePoint = e.GetPosition( this );

это даст вам положение мыши в соответствии с верхней левой точкой int пикселей.

чем на mousePoint, вы можете распечатать информацию X и Y.

Замените холст своим изображением, и оно будет работать так же

let img = document.getElementById("canvas");

img.x = img.getBoundingClientRect().left;
img.y = img.getBoundingClientRect().top;

function click(e) {
  document.getElementById("output").innerHTML = "X coords: " + (e.clientX - img.x) + "<br> Y coords: " + (e.clientY - img.y);
}

img.addEventListener("click", click);

<!--- Like a image --->
<canvas id = "canvas" width = "100" height = "100"></canvas>
<p id = "output"></p>