javascript - 平铺 map 坐标

Question

我现在有这个代码:http://jsfiddle.net/DK67k/2/ 这里是 2D 瓦片 map ，当您单击瓦片时，您会收到警报坐标。 但是为了获得精确的坐标，您需要单击左上角的图 block (图 block 为 16x16)，如果我单击右下角的图 block ，我将获得第二个图 block 坐标。

也许有人知道如何解决这个问题？

Answer 1

Canvas 点 (0,0) 位于鼠标坐标 (10,10) 处，我认为这是由于 Canvas 的父级有一个填充区域。

function mouseCheck(e) {
   x = e.pageX-10;
   y = e.pageY-10;
   mouseX = Math.floor(x / 16);
   mouseY = Math.floor(y / 16);
}