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

【问题标题】：How to get mouse coordinates from a shape inside canvas and change 0,0 point如何从画布内的形状获取鼠标坐标并更改 0,0 点
【发布时间】：2013-10-17 16:05:25
【问题描述】：

有没有办法让鼠标坐标在某个形状内？还有，有没有机会把0,0(X,Y)点改成这个特定形状的左下角？

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

【问题讨论】：

标签： javascript html canvas kineticjs

【解决方案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());

【讨论】：