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);
}