vue 快速给图片添加,点击旋转、放大、缩小、拖动的效果

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 快速给图片添加,点击旋转、放大、缩小、拖动的效果相关的知识,希望对你有一定的参考价值。

参考技术A 可以看到现在的图片,已经具备放大缩小及旋转的功能了,但是这个方法会造成图片的遮挡,所以还需要做一个拖动图片的功能
在main.js里面全局定义一个拖动指令,也可在局部定义。

最后给当前图片的元素加上v-drag,以及position: absolute;的样式,图片就能正常的拖动了

以上是关于vue 快速给图片添加,点击旋转、放大、缩小、拖动的效果的主要内容,如果未能解决你的问题,请参考以下文章

canvas里有一张图,怎么实现鼠标可以拖动该图片移动,放大缩小旋转

旋转,拖动,放大,缩小Android中的视频和图像

vue项目 一行js代码搞定点击图片放大缩小

图片轮播+放大缩小+拖动

在WORD里拖动鼠标滑轮,页面不上上下走,而是放大缩小,怎么回事?

Vue使用v-viewer插件实现图片放大缩小的功能