元素缩放后的拖拽问题

jQuery UI 1.12.1
元素缩放后的拖拽问题
文章图片

当这里的元素进行缩放后,拖拽就会飘
先思考 假如放大或缩小三倍后 移动 1px 还是 1px 吗?
好,我们继续
1.当没缩放时缩放比默认其实就是1
1px 就是 1px
【元素缩放后的拖拽问题】2.当放大3倍时缩放比 就是3
1px 就是 3px
3.当缩小3倍时缩放比 就是3
1px 就是 1/3 px
根据推理可得
a 缩放比 b 移动值 c 结果值
c = a > 1 ? (b / a) : (b * a) ;
下面就是改源码了,我这里扩展了个参数 "缩放比"
元素缩放后的拖拽问题
文章图片

调用时修改一下
元素缩放后的拖拽问题
文章图片

    推荐阅读