缩放后的拖拽问题

lutos_zen 2017-10-11 10:26:42

父div使用transform:scale()缩放后，子div使用jQueryUI的draggable实现拖拽，会出现鼠标与子div脱节的情况，该怎么处理？

...全文

412 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

kareCat 2020-07-03

打赏
举报

回复 1

我搞了一下午终于做出来了，你需要把移动的距离也都乘以缩小或者方法的倍数

Echarts的地图实现拖拽缩放同步功能（解决多层geo缩放、拖动卡顿问题），大屏项目显示云南省3D的地图，可拖拽缩放、地图打点、点击图标弹框等等功能。 ## 使用 - 启动调试服务: `npm start` - 构建 dist: `npm run build` ## 目录结构 - 应用配置: `src/app.js` - 路由配置: `src/routes.js` - 布局文件: `src/layouts` - 通用组件: `src/components` - 页面文件: `src/pages` ## 效果图 ![screenshot](https://img-blog.csdnimg.cn/db6034f6187c4a0fa6295af60c36803b.png)

wpf viewbox 拖拽缩放例子做参考用

主要为大家详细介绍了C#控件picturebox实现图像拖拽和缩放，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

在Unity里面实现UI窗口的操作，包含拖动，单边拖动缩放，对角拖拽缩放功能

基于Canvas编写的布局控件可以实现以鼠标为中心滚轮缩放左键拖拽功能

87,994

社区成员

224,689

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章