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

Question

无论如何，

是否将鼠标坐标置于某个形状内？此外，有没有机会将0,0（X，Y）点更改为此特定形状的左下角？

我找不到任何可以帮助我弄清楚这些疑惑......

Answer 1

是的，将鼠标坐标放入形状中是一个两步过程。

首先，使用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());