如何獲得KineticJS舞台的左側和頂部坐標？

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

    }