<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)
[![npm-version](https://img.shields.io/npm/v/we-cropper.svg)](https://www.npmjs.com/package/we-cropper)
<h1>we-cropper</h1>
<p>一款灵活小巧的canvas图片裁剪器 <a href="https://unpkg.com/we-cropper@1.2.0/docs/assets/online.jpg">在线体验</a></p>
</div>

<h2 align="center"> Usage</h2>

原生小程序不支持npm引入第三方库，可将本项目克隆至本地再做进一步处理

```bash
git clone https://github.com/we-plugin/we-cropper.git
```
we-cropper保留了npm的引入方式，搭配第三方脚手架/框架可采用npm方式引入

```bash
npm install we-cropper --save
```

<h2 align="center">Links</h2>

- [文档 · Document](https://we-plugin.github.io/we-cropper/#/)

- [变更 · ChangeLog](https://we-plugin.github.io/we-cropper/#/changelog)

- [示例 · Example](https://github.com/we-plugin/we-cropper/tree/master/example)

- [开源协议 · 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)

<h2 align="center">Contributing</h2>

```bash
# step 01
git clone https://github.com/we-plugin/we-cropper.git
# step 02
npm install
#step 03
npm run dev
```
欢迎任意形式的贡献

<h2 align="center">Thanks</h2>
@夏左左
