元素缩放后的拖拽问题

jQuery UI 1.12.1
元素缩放后的拖拽问题_第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) ;

下面就是改源码了,我这里扩展了个参数 "缩放比"
元素缩放后的拖拽问题_第2张图片

调用时修改一下
元素缩放后的拖拽问题_第3张图片

你可能感兴趣的:(元素缩放后的拖拽问题)