如何编写JavaScript实现图片自由编辑功能代码？

本文共计1393个文字，预计阅读时间需要6分钟。

当前项目中，我们需要一个可自由编辑图片的功能。当图片频繁出现需要编辑时，同时能根据需求调整裁剪，若处理图片时按常规习惯，裁剪后可上传。

当下我们项目中需要一个可自由编辑图片的功能，当图片可能出现需要频繁编辑，同时能满足发现裁剪不满意想要微调的时候，会发现如果我们处理图片按照平常的习惯，如裁剪后上传服务器或者转base64，都是不符合需求的。那么该怎么处理比较好呢？如何以尽量少的网络请求、少占用存储来解决应用场景呢？那么，便想到了只用纯数据来跟我们的功能打交道。

先安利个裁图神器cropperjs，个人认为是个易上手，配置和api方法蛮齐全的一个组件库。