鼠标拖拽出现偏移,请问如何解决?

作者站长头像
站长
· 阅读数 15

在Vue项目中进行元素的拖拽操作,将元素拖拽到指定画布上后,使用zoom属性对画布进行整体缩小。缩小后移动元素的位置。出现鼠标移动的距离大,元素移动的距离小,结果导致鼠标移动幅度大但是元素移动的距离小

回复
1个回答
avatar
test
2024-07-20

鼠标移动距离是在zoom缩放级别为1的,所以要记录当前缩放级别,鼠标移动的x、y分别乘以缩放级别

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容