首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >stage.getAbsoluteMousePosition()?

stage.getAbsoluteMousePosition()?
EN

Stack Overflow用户
提问于 2013-06-26 21:16:58
回答 2查看 2K关注 0票数 3

我正在用一个拉动式和可缩放的舞台来玩动感游戏,我想知道是否有一种方法可以得到stage.getAbsoluteMousePosition(),因为我们可以有一个节点的absolutePosition

这里是显示用例的小提琴,在放大/缩小时请注意工具提示的位置。

有趣的地方在于:

circle.on('mouseover mousemove',函数(){ var mousePos = stage.getMousePosition();stage.getMousePosition mousePos.y-stage.getAbsoltePosition();tooltip.setVisible(true);tooltip.moveToTop();layer.draw();};

我很难让它起作用,我相信用getAbsoluteMousePosition就能解决它。

最好的

编辑:这个问题已经过时了。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-06-28 00:07:11

过时的答案

好吧,我自己修正了它,甚至认为我没有使用我想要的绝对位置。

下面是小提琴,正确的方法是这样做:

代码语言:javascript
运行
复制
 circle.on('mouseover mousemove', function () {
         var mousePos = stage.getMousePosition();
         tooltip.setPosition(mousePos.x/ui.scale-stage.getAbsolutePosition().x/ui.scale+stage.getOffset().x,
         mousePos.y/ui.scale-stage.getAbsolutePosition().y/ui.scale+stage.getOffset().y);
         tooltip.setVisible(true);
         tooltip.moveToTop();
         layer.draw();
    });
票数 3
EN

Stack Overflow用户

发布于 2013-06-27 04:15:50

如果我理解正确,如果您想获得指向屏幕的鼠标指针的绝对位置,那么您可以这样做:

代码语言:javascript
运行
复制
circle.on('mouseover mousemove', function (e) {
    var mousePos = stage.getMousePosition();
    var absoluteX = e.screenX;
    var absoluteY = e.screenY;
    tooltip.setPosition(mousePos.x - absoluteX, mousePos.y - absoluteY);
    tooltip.setVisible(true);
    tooltip.moveToTop();
    layer.draw();
});

这并不能解决你的答案,因为鼠标的(x,y)坐标应该相对于画布,而不是屏幕。我不太清楚为什么tooltip.setPosition(mousePos.x, mousePos.y);不能工作,缩放一定是相对地弄乱了mousePos坐标。

无论如何,如果您只需要工具提示在正确的节点上方悬停,而不遵循鼠标位置,则此操作应该适用于您:

代码语言:javascript
运行
复制
tooltip.setPosition(this.getX(), this.getY());

如果你需要的话,你可以用一定的量来抵消,比如一半的高度(半径)。

代码语言:javascript
运行
复制
tooltip.setPosition(this.getX(), this.getY()-this.getHeight()/2);

http://jsfiddle.net/projeqht/nDpYr/

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17330609

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档