最近遇到一个需求:
1.图片可拖拽,但是在正常比例下,是拖拽不动的
2.当图片放大后,图片的大小大于盒子的大小时,此时可拖拽
要求:1.放大后的图片的边缘不能在盒子内出现,意思就是只能在盒子内拖动(图片的左边缘不能小于盒子的左边缘)
写了一下午:
主要代码如下:
第一张:点击时记录位置。
移动时限制大小
第二张:滑动滚轮的时候判断图片偏移量,不要让图片的边框出现在div内,意思不要露出背景色来
第三张:使用
最近遇到一个需求:
1.图片可拖拽,但是在正常比例下,是拖拽不动的
2.当图片放大后,图片的大小大于盒子的大小时,此时可拖拽
要求:1.放大后的图片的边缘不能在盒子内出现,意思就是只能在盒子内拖动(图片的左边缘不能小于盒子的左边缘)
写了一下午:
主要代码如下:
第一张:点击时记录位置。
移动时限制大小
第二张:滑动滚轮的时候判断图片偏移量,不要让图片的边框出现在div内,意思不要露出背景色来
第三张:使用