如何获取鼠标点击画布元素的坐标?
问题描述:
将点击事件处理程序添加到canvas元素,并返回点击的x和y坐标(相对于canvas元素)最简单的方法是什么?
What's the simplest way to add a click event handler to a canvas element that will return the x and y coordinates of the click (relative to the canvas element)?
答
如前所述在这里:
var x;
var y;
if (e.pageX || e.pageY) {
x = e.pageX;
y = e.pageY;
}
else {
x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
y = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
}
x -= gCanvasElement.offsetLeft;
y -= gCanvasElement.offsetTop;
对我来说完全正常。