vs控件滚轮缩放

Posted 2023-04-01

参考技术A 它是一种滚动放大镜，可以用来放大和缩小图像。它可以帮助你更清楚地看到图像中的细节，从而更好地理解图像。它可以帮助你在设计图像时，更好地控制图像的尺寸和精度。它也可以帮助你更好地控制图像的清晰度和精度。

js实现图片滚轮、按钮缩放大小，图片旋转，图片拖拽

参考技术A <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>