<NME> README.md
<BEF> # 微信小程序图片裁剪工具we-cropper

[![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)

一款灵活小巧的canvas图片裁剪器 [在线体验](https://unpkg.com/we-cropper@1.2.0/docs/assets/online.jpg)

<div align="center">
  <a><img src="https://unpkg.com/we-cropper@1.2.0/docs/assets/screenshot.jpg" width="350"/></a>
</div>

## Feature

- 实用的API
- 灵活的钩子函数
- [在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)
- 多场景的demo可供参考：
    - 常规裁剪
    - 上传裁剪头像
    - 裁剪网络图片
    - 添加水印
    - 局部裁剪

## Usage

#### 克隆项目到你的目录
```bash
cd my-project

git clone https://github.com/we-plugin/we-cropper.git
```
####  使用编译后的文件dist/we-cropper.js
```javascript
var WeCropper = require('dist/we-cropper')

// ES6(需在开发工具勾选ES6转ES5)
import WeCropper from 'dist/we-cropper'
```

#### 对插件进行开发调试
```bash
npm install
```
在src下进行文件修改

```bash
npm run build
```

## Links

[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)

## Contributing

如果你有好的意见或建议，欢迎提issue或pull request

## 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>



<MSG> Update README.md
<DFF> @@ -1,62 +1,47 @@
-# 微信小程序图片裁剪工具we-cropper
+<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)
-
-一款灵活小巧的canvas图片裁剪器 [在线体验](https://unpkg.com/we-cropper@1.2.0/docs/assets/online.jpg)
-
-<div align="center">
-  <a><img src="https://unpkg.com/we-cropper@1.2.0/docs/assets/screenshot.jpg" width="350"/></a>
+<h1>we-cropper</h1>
+<p>一款灵活小巧的canvas图片裁剪器 <a href="https://unpkg.com/we-cropper@1.2.0/docs/assets/online.jpg">在线体验</a></p>
 </div>
 
-## Feature
+<h2 align="center"> Usage</h2>
 
-- 实用的API
-- 灵活的钩子函数
-- [在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)
-- 多场景的demo可供参考：
-    - 常规裁剪
-    - 上传裁剪头像
-    - 裁剪网络图片
-    - 添加水印
-    - 局部裁剪
+原生小程序不支持npm引入第三方库，可将本项目克隆至本地再做进一步处理
 
-## Usage
-
-#### 克隆项目到你的目录
 ```bash
-cd my-project
-
 git clone https://github.com/we-plugin/we-cropper.git
 ```
-####  使用编译后的文件dist/we-cropper.js
-```javascript
-var WeCropper = require('dist/we-cropper')
-
-// ES6(需在开发工具勾选ES6转ES5)
-import WeCropper from 'dist/we-cropper'
-```
+we-cropper保留了npm的引入方式，搭配第三方脚手架/框架可采用npm方式引入
 
-#### 对插件进行开发调试
 ```bash
-npm install
+npm install we-cropper --save
 ```
-在src下进行文件修改
 
-```bash
-npm run build
-```
+<h2 align="center">Links</h2>
 
-## Links
+- [文档 · Document](https://we-plugin.github.io/we-cropper/#/)
 
-[Document](https://we-plugin.github.io/we-cropper/#/)
+- [变更 · ChangeLog](https://we-plugin.github.io/we-cropper/#/changelog)
 
-[ChangeLog](https://we-plugin.github.io/we-cropper/#/changelog)
+- [示例 · Example](https://github.com/we-plugin/we-cropper/tree/master/example)
 
-[Example](https://github.com/we-plugin/we-cropper/tree/master/example)
+- [开源协议 · The MIT License](http://opensource.org/licenses/MIT)
 
-[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)
 
-## Contributing
+<h2 align="center">Contributing</h2>
 
-如果你有好的意见或建议，欢迎提issue或pull request
+```bash
+# step 01
+git clone https://github.com/we-plugin/we-cropper.git
+# step 02
+npm install
+#step 03
+npm run dev
+```
+欢迎任意形式的贡献

Update README.md