javascript - 如何从画布内的形状获取鼠标坐标并更改 0,0 点

Question

有没有办法让鼠标坐标在某个形状内？另外，是否有机会将 0,0 (X,Y) 点更改为该特定形状的左下角？

我没有找到任何东西可以帮助我解决这些疑问......

Answer 1

是的，获取形状内的鼠标坐标是一个 2 步过程。

首先，用于stage.getMousePosition获取鼠标在舞台上的位置。

其次，减去对象的getX()和getY()来确定鼠标在对象内的位置。

  kineticObject.on('mousemove', function() {
    var mousePos = stage.getMousePosition();
    var x = mousePos.x - this.getX();
    var y = mousePos.y - this.getY();
  });

我不确定“更改 0,0 点”是什么意思，但您可以使用setOffsetY它为任何对象添加偏移量。因此，如果我理解，这将满足您的要求：

  object.setOffsetY(object.getHeight());