1.0.4 • Published 9 months ago
@shawyu/image-preview v1.0.4
@shawyu/image-preview
imagePreview是一个轻量级、无依赖的JavaScript插件,可以网页中实现图片预览功能,快速查看图片的大图,并提供了一些基本的交互功能,如放大、缩小、旋转等。
https://github.com/shawyuu/js-plugin/tree/main/imagePreview
Getting started
Install
npm install @shawyu/image-preview
In browser
<script src="../imagePreview/index.js"></script>
Usage
import ImagePreview from '@shawyu/image-preview'
/*单图预览*/
ImagePreview.show({
src:"图片路径",
success:()=>{},
fail:()=>{}
})
/*多图预览*/
ImagePreview.show({
urls:["图片路径1","图片路径2"]
})
ImagePreview.show({
src:"图片路径1",
urls:["图片路径1","图片路径2"]
})
All Props
属性 | 类型 | 默认值 | 必需 | 描述 |
---|---|---|---|---|
src | string | "" | NO | 要预览的图片路径,多图预览非必需(或为urls其中一张路径),单图预览必需 |
urls | Array<string> | [] | NO | 多图预览时(必填)的图片路径列表 |
success | function | NO | 图片加载成功后的回调函数 | |
fail | function | NO | 图片加载失败后的回调函数 |
Logs
1.0.0 version\ 1.0.2 Adapt to mobile devices