У меня есть следующий код, для которого я пытаюсь найти способ, чтобы при щелчке элемента div (parent) я мог получить координаты щелчка относительно холста элемента.
На данный момент это мой код:
<!doctype html>
<html>
<body>
<div id=canvas_div>
<canvas width = "500" height = "500" ></canvas>
</div>
<script>
function printMousePos(event) {
document.body.textContent =
"Position x: " + event.clientX +
" - Position y: " + event.clientY;
}
document.addEventListener("click", printMousePos);
</script>
</body>
</html>
Возвращает координаты x и y события, но не относительную X / Y к позиции холста.Может ли кто-нибудь помочь мне с этим?Я новичок в JS, и поэтому я не знаю, как это сделать