最近，客户向我讲述了一个他们的需求。在他们的系统中，用户会上传一系列照片。照片上传完之后，用户往往还要对这个照片进行一些基本的处理。比如对图片的某些地方打上马赛克、圈出一些特别的地方、给一些地方做一些文字标注。目前客户的做法是上传一次原始的照片，然后再使用word等工具，在本地对图片进行一定程度的编辑，编辑完再上传一次到系统里。这样虽然能够实现用户的目标，但是操作过于麻烦了。因此客户委托我开发一款Web图片编辑器，让用户在上传完图片后，直接在web端就可以对图片进行编辑，无需再做其它操作。
为了满足客户的需求，我使用fabricjs实现了一个图片编辑器。支持框选、圈选、箭头、文字、马赛克等多种图片批注工具，并且支持操作的前进、后退，批注的放大、缩小、旋转等功能。同时还支持多种规格的大小和颜色选择。
话不多说，下面开始展示图片编辑器：
六种基本的批注类型——框选、圈选、箭头、画笔、文字、马赛克：
批注支持移动、放缩、旋转：
批注支持三种大小和六种颜色：
操作可以前进后退：
现在我将这个图片编辑器已经开源出来了。欢迎大家和我一起讨论交流。WX:lansetech1221
本项目的源码存放在：
https://gitee.com/xingshen24/online-image-editor
本图片编辑器参考了下面的开源项目：
https://github.com/hututuhu/tiny-image-editor
