我怎样才能得到KineticJS舞台的左坐标和顶坐标?

How can I get left and top coordinates of KineticJS stage?

本文关键字：坐标 舞台 KineticJS      更新时间：2023-09-26

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

容器是放置舞台的div 

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

下面是一些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
    }
相关文章：