<div align="center">
  <a><img src="https://user-images.githubusercontent.com/16918885/36141718-c95db0b6-10e0-11e8-8936-72b7b03d04bb.png" /></a>
<br>
<br>

[![travis-ci](https://travis-ci.org/we-plugin/we-cropper.svg?branch=master)](https://www.travis-ci.org/we-plugin/we-cropper)
[![Backers on Open Collective](https://opencollective.com/we-cropper/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/we-cropper/sponsors/badge.svg)](#sponsors) [![npm-version](https://img.shields.io/npm/v/we-cropper.svg)](https://www.npmjs.com/package/we-cropper)
<h1>we-cropper</h1>
<p>一款灵活小巧的canvas图片裁剪器</p>
</div>

## Usage

克隆至本地处理

```bash
git clone https://github.com/we-plugin/we-cropper.git
```
npm方式引入

```bash
npm install we-cropper --save
```

## Links

- [文档 · Document](https://we-plugin.github.io/we-cropper/#/)

- [变更 · ChangeLog](https://we-plugin.github.io/we-cropper/#/changelog)

- [示例 · Example](https://github.com/dlhandsome/sail-laboratory/tree/master/miniprogram/pages/we-cropper)

- [开源协议 · The MIT License](http://opensource.org/licenses/MIT)

- [在WePY框架中实现“自定义组件”](https://github.com/we-plugin/we-cropper/wiki/%E5%9C%A8WePY%E4%B8%AD%E5%AE%9E%E7%8E%B0%E2%80%9C%E8%87%AA%E5%AE%9A%E4%B9%89%E8%A3%81%E5%89%AA%E7%BB%84%E4%BB%B6%E2%80%9D)

- [在mpvue中实现“自定义裁剪组件”](https://github.com/we-plugin/we-cropper/tree/master/packages/mpvue-cropper)

- [常见问题 · FAQ](https://github.com/we-plugin/we-cropper/wiki/FAQ)

- [贡献指南 · Contributing](https://github.com/we-plugin/we-cropper/blob/master/CONTRIBUTING.md)

## Online demo

<br>
<img src=https://user-images.githubusercontent.com/16918885/77881549-d0600700-7291-11ea-9904-2c509c3990bb.jpg width=120 />
<br>

## Contributors

This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].
<a href="https://github.com/we-plugin/we-cropper/graphs/contributors"><img src="https://opencollective.com/we-cropper/contributors.svg?width=890&button=false" /></a>


## Backers

Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/we-cropper#backer)]

<a href="https://opencollective.com/we-cropper#backers" target="_blank"><img src="https://opencollective.com/we-cropper/backers.svg?width=890"></a>


## Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/we-cropper#sponsor)]

<a href="https://opencollective.com/we-cropper/sponsor/0/website" target="_blank"><img src="https://opencollective.com/we-cropper/sponsor/0/avatar.svg"></a>
<a href="https://opencollective.com/we-cropper/sponsor/1/website" target="_blank"><img src="https://opencollective.com/we-cropper/sponsor/1/avatar.svg"></a>
<a href="https://opencollective.com/we-cropper/sponsor/2/website" target="_blank"><img src="https://opencollective.com/we-cropper/sponsor/2/avatar.svg"></a>
<a href="https://opencollective.com/we-cropper/sponsor/3/website" target="_blank"><img src="https://opencollective.com/we-cropper/sponsor/3/avatar.svg"></a>
<a href="https://opencollective.com/we-cropper/sponsor/4/website" target="_blank"><img src="https://opencollective.com/we-cropper/sponsor/4/avatar.svg"></a>
<a href="https://opencollective.com/we-cropper/sponsor/5/website" target="_blank"><img src="https://opencollective.com/we-cropper/sponsor/5/avatar.svg"></a>
<a href="https://opencollective.com/we-cropper/sponsor/6/website" target="_blank"><img src="https://opencollective.com/we-cropper/sponsor/6/avatar.svg"></a>
<a href="https://opencollective.com/we-cropper/sponsor/7/website" target="_blank"><img src="https://opencollective.com/we-cropper/sponsor/7/avatar.svg"></a>
<a href="https://opencollective.com/we-cropper/sponsor/8/website" target="_blank"><img src="https://opencollective.com/we-cropper/sponsor/8/avatar.svg"></a>
<a href="https://opencollective.com/we-cropper/sponsor/9/website" target="_blank"><img src="https://opencollective.com/we-cropper/sponsor/9/avatar.svg"></a>


