javascript - 如何获得 KineticJS 舞台的左上坐标和上坐标？

Question

我正在尝试获取鼠标光标的坐标并在它离开我的 KineticJS 阶段时进行操作。但我需要获取鼠标相对于舞台画布的坐标。所以当鼠标光标从左边缘离开舞台时，坐标应该为0，当它从顶部离开时，无论舞台在网页中的哪个位置，y坐标都应该是0。我写了一个函数，但我在控制台中得到了 NaN。

container 是放置舞台的 div

function checkBounds(e) {
    var canvas = document.getElementById("container");
    console.log(e.clientX - stage.getX() + "," + e.clientY - stage.getY());
}

Answer 1

这是一些在网页上查找容器偏移量的 jquery 代码。

    var containerOffset=$("#container").offset();
    var offsetX=containerOffset.left;
    var offsetY=containerOffset.top;

以下是如何在事件处理程序中获得确切的鼠标位置

    function handleMouseDown(e){
      mouseX=parseInt(e.clientX-offsetX);
      mouseY=parseInt(e.clientY-offsetY);

      // Put your mousedown stuff here

    }