问题标签 [mouse-coordinates]

我的页面上有一个 HTML5 Canvas 以及两个文本输入字段。当用户单击画布（并且仅在画布内）时，我想将鼠标坐标回显到页面上的文本输入框中。帮助？？如果您需要更多详细信息，请询问。

我从下面评论中的链接中找到了这个，但似乎无法让它工作？：

文本输入：

Javascript：

更新这是对我有用的代码：HTML：

和 JS：

我希望这不是模糊的...

我正在开发我的第一个 google chrome 扩展程序，我正在尝试将此脚本转换为^下面我制作的扩展程序弹出窗口。这个想法是出现在该页面右下角的框将出现在扩展的弹出窗口中，同时动态（实时）从实际页面中拉出鼠标坐标。我想这样做的方法是注入一个 content_script 来拉鼠标坐标->将它们发送到 background.html->然后将它们传递给 popup.js

我仔细研究了谷歌的文档，并遵循了解决这个问题的几篇帖子的建议，但我似乎无法让它发挥作用。我想也许我在弄清楚这个问题时遇到了问题chrome.extension.sendRequest，以前有没有人做过这样的事情？你有例子吗？我会以错误的方式解决这个问题吗？

//更新：

（注意：这不起作用）

同样，我正在尝试修改我编写的这个脚本：

这是我上一个问题的继续->绘制鼠标指针图标？ 我想在桌面上的特定窗口中绘制鼠标，我已经知道如何绘制鼠标以及如何跟踪真实鼠标的移动。但是我无法转换屏幕坐标，这是我想要做的示例：当真实鼠标位于左上角 0,0 时，DRAWN 鼠标位于我特定窗口的 0,0 中，而当真实鼠标位于在右下角 1600,900 处，DRAWN 鼠标位于我特定窗口的 700,400 处。

如果有人不完全理解问题，我会重新解释。

提前致谢。

我试图通过检查鼠标是否与对象 rect 碰撞并检查鼠标按钮是否按下来移动对象。

这是我的代码：

这可行，但我必须向鼠标上的每个按钮发送垃圾邮件，最终 pygame 将拾取鼠标事件，并且对象将按预期移动，但仅在一瞬间然后它就会停止。

我的目标只是单击鼠标上的按钮，如果鼠标与框碰撞，则框将在鼠标按钮按下鼠标 x 和 y 时移动。

我希望我很清楚。

谢谢你的帮助

和平！

这是我如何让它工作的：

谢谢您的帮助！

和平！

当Thread线程运行时，（点击记录后）它只显示线程启动时鼠标所在的位置？我怎样才能让它不断更新，即使我在框架周围移动鼠标也能显示鼠标的位置？

我正在 javascript/jquery 中构建某种拖放应用程序（基于 DOM，而不是画布）。

这个想法是能够在 3D 场景中拖动 div（在 3D 中旋转的 div）。

它适用于 2D 计划，问题是当我在 3D 中旋转场景时，对象位置不反映实际鼠标位置，而是以 3D 转换的坐标

图解示例：

JSFIDDLE 上的示例

我希望对象相对于鼠标的绝对位置移动。

我这样计算鼠标位置：

早期的解决方案是根据初始位置计算鼠标位置与对象之间的差异，并在拖动过程中将其添加到对象位置。它正在工作，但动画真的很不稳定，而且一点也不流畅。

我确信有一种更简单的方法可以获取相对于 3D 计划的鼠标坐标，但目前无法找到真正的解决方案。

关于这个主题的大多数搜索结果都指向面向游戏的语言，或 canvas/webgl 问题。

有任何想法吗 ？

谢谢

我搜索了一个与我的用例匹配但找不到的示例。考虑到相机，我正在尝试将屏幕鼠标坐标转换为 3D 世界坐标。

我发现所有的解决方案都通过光线相交来实现对象拾取。

我想要做的是将 Three.js 对象的中心定位在鼠标当前“上方”的坐标处。

我的相机位于 x:0, y:0, z:500（尽管它会在模拟过程中移动）并且我的所有对象都位于 z = 0 处，具有不同的 x 和 y 值，因此我需要了解基于 X、Y 的世界对于将跟随鼠标位置的对象，假设 az = 0。

这个问题看起来像一个类似的问题，但没有解决方案：在 THREE.js 中获取鼠标相对于 3D 空间的坐标

给定屏幕上的鼠标位置范围为“top-left = 0, 0 | bottom-right = window.innerWidth, window.innerHeight”，任何人都可以提供将 Three.js 对象移动到鼠标坐标的解决方案沿 z = 0？

当用户将鼠标移到TDbStringGrid. 它几乎可以工作，但提示显示在高处和左侧。

在我的OnMouseMove中，我收到 X 和 Y，我认为这是绝对的屏幕坐标，但我可以用来dbGrid.MouseCoord(X, Y)在数据库网格中获得一个点。

当我使用 显示我的提示时Application.ActivateHint()，它被放置在高处和左侧。

知道我做错了什么吗？

使用http://www.flotcharts.org/实现具有缩放/平移功能的复杂散点图图形，我想在特定坐标处设置鼠标位置（例如：放大时，我希望光标定位在画布的中心）。

它ssem这个功能不起作用：

关于mouseXPosand mouseYPos，萤火虫说： TypeError: placeholder.mouseXPos is not a function

所以我的问题是：在 javascript 或 jquery 中有一种方法可以在图形区域内设置鼠标坐标吗？

我如何确定（我知道这不是正确使用的术语）对于a 中鼠标的每个window space位置，它都会转换为OGL space(-1, 1)。在这种情况下，用户移动鼠标非常快，我假设它之前的所有位置都转换为 OGL 坐标。我想说的是......即使我C++ OGL coordinates converter的计算成本非常高，普通 CPU 是否足够快来做到这一点（跟踪所有以前的事件）？可以说我在那里放了非常耗时的循环？或者..非常快method()。如果我移动鼠标足够快，如何确保不会跳过任何 OGL 坐标？我不会在这里草率下任何结论或假设您可能会想到其他东西。

编辑：

我的程序主循环是这样的（伪代码）：

这些是要执行的单独线程（但实际上不是真正的线程）假设mouse.pos = (0, 0)然后我将鼠标移动得足够快以使新线程mouse.pos变为 (10, 10)。在单次执行循环中，鼠标位置与之前的位置相差甚远。现在，我如何通过实现 Christian Rau 提到的方法告诉我的程序，Bresenham's line algorithm由该算法生成的那些值（未被跟踪）已被鼠标越过。我会为所有这些职位添加另一个循环吗？