# PreviewImg

**Repository Path**: lin_peng118/preview-img

## Basic Information

- **Project Name**: PreviewImg
- **Description**: 多图片的缩放展示及涂鸦截图，包含一系列截图快捷键，最后可导出File文件和base64图片，在线预览地址：http://1.95.157.217/previewImgJs/index.html
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://1.95.157.217/previewImgJs/index.html
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-07-25
- **Last Updated**: 2025-09-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# preview-img-js v1.0.0

## 项目介绍
```
用于多图片的缩放展示及涂鸦截图，包含一系列截图快捷键，最后可导出File文件和base64图片
```

## 在线预览地址
```
http://1.95.157.217/previewImgJs/index.html
```

### 如何使用？
```
可参考examples文件夹下的App.vue示例
```

### 配置属性介绍
```
layout：水平|垂直 布局 row | column, 默认为column
showClip: 是否有截图功能 true | false, 默认为false
imgList: 总的图片列表 [{key: '', value: [{fileName: '', filePath: ''}]}]
config: 多分栏配置 [{key: '', label: '', pageNo: 1}]
mode: 当前分栏模式 key
imgList、config、mode中的key都是对应的，可以自定义key值和展示名
config中的pageNo用于默认展示第几页
```

### author lindadayo
lindadayo@foxmail.com