|
@@ -176,8 +176,8 @@ let imgXS = 0,//鼠标距离图片左侧的位置
|
|
|
imgDYS = 0,//图片距离顶部的位置top
|
|
|
drgLeft= 0,
|
|
|
tmpValL=0,
|
|
|
- tmpNum=0,
|
|
|
tmpValR=0,
|
|
|
+ tmpVal=0,
|
|
|
imgDrag = false;
|
|
|
function imgDragMove(type){
|
|
|
let wrap = $("#previewWrapper");
|
|
@@ -198,20 +198,7 @@ function imgDragMove(type){
|
|
|
imgDYS = drag.offset().top;
|
|
|
imgWXS = wrap.offset().left;
|
|
|
imgWYS = wrap.offset().top;
|
|
|
-
|
|
|
- if(localStorage.getItem('changeImg')){
|
|
|
- tmpNum == 0
|
|
|
- // localStorage.setItem("changeImg",false)
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- // if(tmpNum == 0){
|
|
|
- // tmpValL = imgDXS-imgWXS;
|
|
|
- // tmpValR = imgDYS-imgWYS;
|
|
|
- // ++tmpNum
|
|
|
- // }
|
|
|
-
|
|
|
- console.log(imgDXS,imgWXS,tmpNum,'hahaha')
|
|
|
+ tmpVal = localStorage.getItem('changeImg')-0;
|
|
|
|
|
|
$(document).on('mousemove',handleMoveImg)
|
|
|
$(document).on('mouseup',handleUpImg)
|
|
@@ -231,26 +218,24 @@ function handleMoveImg(event){
|
|
|
let page = getPageCoordinate(event,'0');
|
|
|
let wrapWidth = drag[0].offsetWidth;
|
|
|
let wrapHeight = drag[0].offsetHeight;
|
|
|
+
|
|
|
if(imgDrag){
|
|
|
-
|
|
|
// console.log('鼠标左:'+page.boxLeft)
|
|
|
// console.log('鼠标图左:'+imgXS)
|
|
|
// console.log('容器左:'+imgWXS)
|
|
|
// console.log('被拖图左:'+drag.offset().left)
|
|
|
// console.log('bian1:'+tmpValL)
|
|
|
// console.log('bian2:'+tmpValR)
|
|
|
-
|
|
|
imgDXS = page.boxLeft - imgXS - imgWXS;//相对于父元素定位
|
|
|
imgDYS = page.boxTop - imgYS - imgWYS;
|
|
|
-
|
|
|
if(wrapHeight > wrapWidth){
|
|
|
drag.css({
|
|
|
width:wrapWidth+'px',
|
|
|
height:wrapHeight+'px',
|
|
|
marginLeft:'0px',
|
|
|
marginTop:'0px',
|
|
|
- left:imgDXS+(de?tmpValL:0) + 'px',
|
|
|
- top:imgDYS-(de?tmpValL:0) + 'px'
|
|
|
+ left:imgDXS+(de?tmpVal:0) + 'px',
|
|
|
+ top:imgDYS-(de?tmpVal:0) + 'px'
|
|
|
})
|
|
|
}
|
|
|
else{
|
|
@@ -259,8 +244,8 @@ function handleMoveImg(event){
|
|
|
height:wrapHeight+'px',
|
|
|
marginLeft:'0px',
|
|
|
marginTop:'0px',
|
|
|
- left:imgDXS-(de?tmpValR:0) + 'px',
|
|
|
- top:imgDYS+(de?tmpValR:0) + 'px'
|
|
|
+ left:imgDXS-(de?tmpVal:0) + 'px',
|
|
|
+ top:imgDYS+(de?tmpVal:0) + 'px'
|
|
|
})
|
|
|
}
|
|
|
// drag.css({
|