js 图片 拖动 复制

JavaScript019

js 图片 拖动 复制,第1张

我运行了你的代码，其实是可以复制粘贴的，因为你设置的复制出的图像覆盖了原来的位置了，这个可以查看元素可以看得到的。你可以改变

if(Obj!=null)

{

Obj.style.left = event.x-Obj.l

Obj.style.top = event.y-Obj.t

}

改成

if(Obj!=null)

{

Obj.style.left = event.x-Obj.l+100+'px'

Obj.style.top = event.y-Obj.t+100+'px'

}

就可以看得出来了

<div class="upload-img-box" ref="moveWrap">

<div class="show-box" ref="rotate" @mousedown="moveImg" @mousewheel.prevent="rollImg($event,)">

<img :src="singleList.fileImgUrl" class="uploadimg" ref="img" :style="{transform:'scale('+multiples/100+') rotate('+rotate +'deg)'}"/>

</div>

<div class="img-plus" @click="toBIgChange()"><span class="tip">放大</span></div>

<div class="img-minus" @click="toSmallChange()"><span class="tip">缩小</span></div>

<div class="img-rotate" @click="toRotate()"><span class="tip">旋转</span></div>

</div>