SimpleCrop

全网唯一支持裁剪图片任意角度旋转、交互体验媲美原生客户端的全平台图片裁剪组件。

Github 地址：https://github.com/newbieYoung/Simple-Crop

特性及优势

和目前流行的图片裁剪组件相比，其优势在于以下几点：

• 裁剪图片支持任意角度旋转；
• 支持 Script 标签、微信小程序、React、Vue；
• 支持移动和 PC 设备；
• 支持边界判断、当裁剪框里出现空白时，图片自动吸附至完全填满裁剪框；
• 移动端缩放以双指中心为基准点；
• 交互体验媲美原生客户端。

示例

微信小程序示例

移动端示例

左侧是 IOS 系统相册中原生的图片裁剪功能，右侧为 SimpleCrop 移动端示例。

可以扫描二维码体验：

或者访问以下链接：

https://newbieyoung.github.io/Simple-Crop/examples/test-2.html

PC 示例

链接如下：

https://newbieyoung.github.io/Simple-Crop/examples/test-1.html

安装

npm install simple-crop

用法

• Script 用法
• 微信小程序用法
• React 用法
• Vue 用法

开源许可协议

MIT License.

原理及实现

全平台（Vue、React、微信小程序）任意角度旋转 图片裁剪组件 https://newbieweb.lione.me/2019/05/16/simple-crop/