vue-preview是一个常用的图片查看器,微博网页版就是用的这个插件:我在项目中也用过这个插件,总体来说,还是比较满意。但是缺少一个图片旋转功能。如果图片列表资源是从服务器获取,则需要先获取图片的真实宽高,具体代码如下:默认的功能有全屏、放大、分享、图片切换等,有时候我们还需要图片旋转功能,怎么办呢?那只能自己动手改插件了。样式文件路径:node_modules\photoswipe\dist\default-skin文件路径:node_modules\vue-preview\src\plugins\preview\preview.vue这里我只贴出了关键代码,需要你自己做浏览器兼容,以及切换图片时,应该将图片角度设置为0等。测试没有问题,终于可以下班了,哈哈哈。今天就分享到这里,有问题欢迎留言交流,希望能给大家一个参考,也希望大家多多支持脚本之家。

vue-preview动态获取图片宽高并增加旋转功能的实现

vue-preview动态获取图片宽高并增加旋转功能的实现

vue-preview动态获取图片宽高并增加旋转功能的实现

vue-preview动态获取图片宽高并增加旋转功能的实现