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

esa*_*wan 3 javascript jquery html5 whiteboard mouse-position

我正在尝试开发HTML5白板.我希望查看电路板的用户知道演示者在屏幕中指向的确切位置.我可以使用这个jquery函数收集鼠标移动.

但即使我成功将此值传递给使用php的其他客户端,我该如何模拟它?是否可以根据从演示者处获得的坐标移动小指针图像?

  1. 有什么功能或片段我无法开始吗?
  2. 这是普通人可能遇到的非常硬件密集型任务吗?
  3. 这是实现我想要实现的目标的最佳方式吗?

swi*_*itz 5

那么你可以使用移动图像 .css

如:

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

只需设置#image为固定或绝对

  1. 以上

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

  3. 这可能是最简单,最强大的解决方案