# vue2-cropper

**Repository Path**: firechildren/vue2-cropper

## Basic Information

- **Project Name**: vue2-cropper
- **Description**: 基于vue2制作的图片裁剪组件。v2原生开发，没有引入额外插件
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2023-01-18
- **Last Updated**: 2024-03-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 基于vue2原生开发，图片裁剪组件，未工程化，直接用脚手架的

- 支持图片伸缩放大缩小
- 支持控制裁剪区域的大小
- 支持裁剪区域移动
- 不支持图片旋转
- 默认生成png格式文件

## 兼容（没有具体测浏览器版本，总之...）
| 谷歌 | safari | ie |
|-----|--------|----|
| ✔   |   ✔   | ❌ |   

## 参数说明
| 参数名            | 说明                                   | 默认值                          |
|----------------|------------------------------------------|--------------------------------|
| originImage    | 原图地址，建议不要放http，支持base64和blob |  空字符串           |
| showResolution | 是否展示分辨率小标签                       |  true    |

## 回调事件说明
| 函数名    | 说明       | 参数            |
|--------|----------|---------------|
| getImg | 获得裁剪后的图片 | String base64 |

## 截图
![输入图片说明](src/assets/%E6%88%AA%E5%9B%BE.png)


## 安装依赖
```
npm install
```

### 运行
```
npm run serve
```