Question

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

容器是放置舞台的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

    }

如何获得KineticJS舞台的左侧和顶部坐标？

1 个答案: