Home

Awesome

Hello react-cropper-pro!

简单轻量的图片上传 + 裁切 + 压缩 组件, 不依赖antd / element等第三方UI, 快速实现图片处理相关操作.

Install | 安装

yarn add react-cropper-pro

Use | 使用

import CropperPro from 'react-cropper-pro';

export default () => 
  <CropperPro 
    defaultImg="" 
    onChange={(file) => console.log(file)} 
    onDel={(image) => console.log('remove', image)} 
  />;

演示 & 文档 | Demo

<a href="http://h5.dooring.cn/react-cropper-pro">Demo</a>

更多产品推荐 | More Production

nameDescription
H5-Dooring让 H5 制作像搭积木一样简单, 轻松搭建 H5 页面, H5 网站, PC 端网站, LowCode 平台.
V6.Dooring可视化大屏解决方案, 提供一套可视化编辑引擎, 助力个人或企业轻松定制自己的可视化大屏应用.
dooring-electron-lowcode基于 electron 的 H5-Dooring 编辑器桌面端.
xijs开箱即用的js业务工具库
DooringX快速高效搭建可视化拖拽平台.

赞助 | Sponsored

开源不易, 有了您的赞助, 我们会做的更好~

<img src="http://cdn.dooring.cn/dr/WechatIMG2.jpeg" width="180px" />

技术反馈和交流群 | Technical feedback and communication

微信:beautifulFront

<img src="http://cdn.dooring.cn/dr/qtqd_code.png" width="180px" />