# HeadImgCut

**Repository Path**: renlixin/HeadImgCut

## Basic Information

- **Project Name**: HeadImgCut
- **Description**: 剪切图片
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-05-21
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


canvas实现前端完全剪裁图片并上传base64码

## 优势
  传统图片上传剪裁:
    前端需要把图片先上传到后端 -> 后端成功获取后、反馈 -> 前端开始裁剪，裁剪后获取的坐标、宽高等参数传入后端
     -> 后端拿到数据进行裁剪 -> 返回成功数据给前端

  当前方式:
    前端把图片载入到canvas画布，前端页面进行裁剪，裁剪的区域转化为base64编码 -> 传给后端、后端根据base64生成图片、保存

  1. 可以减少前后端交互次数
  1. 功能耦合性小
  1. 减少交互次数之后，速度更快
  1. 可维护性强