javascript - 使用jquery根据鼠标坐标移动图像

标签 javascript jquery html mouse-position whiteboard

我正在尝试开发一个 HTML5 白板。我希望用户查看看板 知道演示者在屏幕中指向的确切位置。我能够 使用 this jquery function. 收集鼠标移动

但即使我成功传递了这个值 其他使用 php 的客户端,我如何模拟它? 是否可以移动一个小的 指针图像,基于从演示者处获得的坐标?

  1. 是否有任何我无法开始使用的功能或片段?
  2. 这是普通人可能会遇到的硬件密集型任务吗? 有问题吗?
  3. 这是实现我想要实现的目标的最佳方式吗?

最佳答案

您可以使用 .css 移动图像

例如:

$(window).mousemove(function(event) {
  $("#image").css({"left" : event.pageX, "top" : event.pageY});
});

只需将#image设置为fixed或absolute

  1. 以上

  2. 这根本不是硬件密集型的。只要您使用 .css 而不是 .animate

  3. 这可能是最简单、最可靠的解决方案

关于javascript - 使用jquery根据鼠标坐标移动图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6733570/

相关文章:

javascript - 未调用表单 'onsubmit'

javascript - 使用 Jquery 或 Javascript 解析字符串

javascript - 清除 html 输入保留(ctrl+z)

html - 如何垂直对齐 float 图像

javascript - 当我单击按钮每个按钮(如数组)时如何显示 setstate 值?

javascript - 如何使用 React 更改 slider 拇指颜色

javascript - JQuery 验证 - 模式规则无法像自定义正则表达式方法一样工作

javascript - 在文本段落内对齐内联 div

HTML 表格 td 左边框颜色不随 rowspan 更新

android - 在 Phonegap 应用程序的 iOS/Android 设备中,按钮 css 的变化非常缓慢