一款超好用的vue图片预览组件，支持手机端和pc端单图、多图预览，支持缩放，拖拽，旋转，键盘控制

最新推荐文章于 2024-08-06 17:41:12 发布

置顶

百里青山

最新推荐文章于 2024-08-06 17:41:12 发布

阅读量1.5k

点赞数

分类专栏：贺永胜的vue插件文章标签： vue js npm 前端 css

本文链接：https://blog.csdn.net/qq_28252421/article/details/106754418

版权

一款适用于PC和手机端的Vue图片预览组件，支持单图、多图预览，具备缩放、拖拽、旋转功能。提供在线预览、安装、使用指南，并可自定义颜色。作者鼓励反馈建议并提供了GitHub和码云链接以及联系方式。

摘要由CSDN通过智能技术生成

hevue-img-preview 简介

本组件是一个基于 vue 编写的 vue 图片预览组件，支持 pc 和手机端，支持单图和多图预览，仅传入一个图片地址，即可实现图片预览效果。手机端支持单指拖拽和双指缩放。页面各组件颜色均可可自定义，实现个性化设计，如果能帮上你，希望可以移步 GitHub ，或者码云给个小星星，如果有任何使用意见或建议，也欢迎回复或者提交issure

示例预览

在线预览网址 https://heyongsheng.github.io/#/

安装

# 安装
npm install hevue-img-preview --save

# main.js 引入
import hevueImgPreview from 'hevue-img-preview'
Vue.use(hevueImgPreview)

# 使用
给任意对象添加任意事件，例如
<img :src="src" @click&#