图片打码编辑器（React）

rc-image-editor

背景

需求是为了解决

• 用户上传的图片支持打码，以保护隐私信息
• 项目框架使用的是React
• 支持移动端操作和PC端操作
• 具备业务独立性

实现功能

• 多图片滑动切换查看；
• 旋转、缩放图片(支持手势)
• 马赛克涂抹

功能预览

使用方法

完整示例

单图编辑示例代码

import ImageEditor from 'rc-image-edit'

<>
    <img onClick={this.openEditor} src={img} alt="SRC IMAGE" /
    <ImageEditor
        visible={visible}
        onClose={this.afterClose}
        onSave={this.onSave}
        data={img}
        toolbar={{ mosaic: true, restore: true, downloadJpg: true, rotate: true }}
        editable
    />
</>

Properties & Events