问题标签 [mouse-coordinates]

这是我在处理论坛上发布的帖子的复制粘贴（到目前为止我还没有得到答案），我想我不妨在这里试试。

处理是一种非常酷的绘制东西的方式，特别是对于网页。只是作为参考http://processing.org

嘿，我是处理新手，我正在用它来制作一个无闪光的网站，所以我几乎是在画布上画画。

我的鼠标位置有问题，虽然坐标在绘制时考虑左上角是位置 0,0；实际的鼠标坐标将 0,0 视为浏览器窗口的左上角。

所以我的问题是，画布在一个居中的网页上运行，每当浏览器改变大小时，画布中鼠标的坐标也是如此。

有什么办法可以使鼠标相对于画布的坐标？这样我就可以更改浏览器窗口的大小，并且鼠标坐标的左上角将始终为 0,0？

所以这就是问题所在，我不知道stackoverflow中有多少人对此有过经验，但我希望有人能帮助我:)

提前感谢堆栈溢出社区。

如果已经有方法，我正在尝试确定鼠标是否在一个元素上，最好使用 YUI。

基本上像

函数布尔IsMouseOver（元素）；

我目前正在设计一个网站，并且刚刚意识到如果我知道自己的光标坐标会对我有很大帮助。

我主要使用 Firefox 来预览新页面。因此，Firefox 的附加组件会很棒。我检查了 Firebug，但没有在那里找到该功能。

有谁知道如何在 Firefox 中显示当前光标坐标？

基本上我想做的是使用鼠标事件旋转图片。例如，按住鼠标左键时，上下移动鼠标时图片会旋转。我在这里发现了另一个问题，几乎和我的一样（如何在 C# 中旋转图片），但是当将旋转方法（链接中的方法源代码）中的角度参数映射到鼠标与图像中心之间的计算角度时，我抛出溢出异常。我要旋转的图像在图片框中。有任何想法吗？我应该以另一种方式这样做吗？

提前致谢！

---------编辑 1------------

好的，我认为我的触发器已关闭，我将其更改为...

角度 = Atan((mousePosY - imageCenterY)/(mousePosX - imageCenterX)

但是现在图像没有旋转，它只是移动（我编程了它的移动能力，但效果很好）。这是我正在处理的一段代码。

双击图片框时，rotateMode 标志设置为 true。谢谢大家！

- - - - -回答 - - - - - -

感谢 Gabe，我在我的代码中发现了所有的小问题，现在它工作正常。唯一的事情是我必须使图片框的大小更大以适应旋转的图像。这是每个想知道答案的人的正确代码。

感谢 Gabe 和其他所有人！

我有一个创建的按钮

以后我会添加图片，但我需要知道他们点击按钮的位置，以便确定他们是否点击了 N、S、E、W 或指南针的其他点。

我的电话是：

我需要在消息中查找该信息吗？

我需要在地图图像上放置图标。由于地图图像大于我的屏幕分辨率 1280 x 1024，因此会显示一个水平滚动条。

我使用 Location x 和 y 放置图标，但问题是：当水平滚动条位于最左侧位置时，将图标放置在位置 (0, 0) 与水平滚动条位于最右侧位置时不同...

如果我将滚动条移动到 x 轴（右）10，然后将图标放置在 (0, 0)，应该是 (0, 0)，但它放置在 (10, 0)。

在这种情况下，有什么不同的方法吗？还是我应该考虑滚动条移动了多少？如果是这样，我该怎么做？

希望我的解释是有道理的。

谢谢，

我只需要知道我的光标指向哪个角度（x，y，z 向量）。所以我可以朝我所指的方向发射任何粒子。

我不能使用深度测试，所以典型的采摘方法不是一种选择。

这可能只用纯数学吗？如果我知道视口纵横比和透视等？

编辑：我需要从空场景中获取坐标。完全是空的，根本没有画！

我正在使用 jQuery 和<canvas>元素构建一个突破性游戏。要控制桨，它将跟随鼠标。drawPaddle()所以我需要在我的方法中获取鼠标坐标。

在 jQuery 网站上查看它有这样的示例：

哪个可以满足我的要求，但我不想像这样在我的项目中添加另一个功能。这是我的drawPaddle()方法：

所以我需要找到一种方法来在drawPaddle()调用时获取鼠标位置，而不是像在页面上移动鼠标时那样$(document).mousemove(function(e){ 。

任何帮助表示赞赏，谢谢。

如何在屏幕上获取当前鼠标坐标？我只知道Mouse.GetPosition()哪个获取元素的mousePosition，但我想在不使用元素的情况下获得协调。

最近几天一直困扰着我的另一个问题。正如您可能从我的其他问题中看到的那样，我正在创建一些思维导图软件。所以（非常简化）我有两个 div。一个是页面上的正方形，另一个在该 div 内，大约是 10 倍大且可拖动。这样可以将对象放置在屏幕上，然后在添加另一个对象的同时稍微向一侧移动等。我通过创建可滚动的外部 div 来做到这一点。

我遇到的问题与 java 脚本中的鼠标位置有关。如果我在 div 中的任何位置获得鼠标位置，那将是不正确的，因为我将内部 div 的大小向顶部和左侧偏移了一半（因此用户有效地看着画布的中间并且可以以他们喜欢的任何方式移动） . 我尝试了数十种不同的鼠标坐标功能，但这些似乎都不起作用。我在网上某处找到的应该是跨浏览器的示例是：

但即使这样也行不通。我几乎可以肯定该错误是因为我的内部 div 是可拖动的。希望我在尝试解释时有所了解，但如果我没有，这里有一个非常简单的 jsfiddle试图演示我所拥有的情况（尽管这里没有单击鼠标，纯粹是为了演示我的 div 结构）。在我正在制作的产品中，用户将双击画布并出现一个新对象，因此鼠标坐标需要正确。

我希望有人可以帮助我。

提前致谢。

编辑：没有提到对于我的应用程序的一部分我使用 JQuery，所以无论有没有 JQuery 的解决方案都可以。再次感谢。