前端开发必备的几个图片处理库！

哈喽，大家好！我是前端实验室的小师妹!

今天给大家推荐几个前端开发必备的图片处理库，建议收藏！

1.sharp

sharp 是 Node.js 平台上相当热门的一个图像处理库，其实际上是基于 C 语言编写 的 libvips 库封装而来，因此高性能也成了 sharp 的一大卖点。sharp 可以方便地实现常见的图片编辑操作，如裁剪、格式转换、旋转变换、滤镜添加、添加水印等。

项目名称：sharp Star：24.3K Github：https://github.com/lovell/sharp

2.tui.image-editor

ui.image-editor 是一款使用HTML5 Canvas实现的全功能照片图像编辑器，配有很棒的过滤器。

支持对图片进行裁剪， 翻转， 旋转， 绘图， 形状， 图标， 文本， 蒙版滤镜， 图像滤镜等处理，并且集成了下载，图像加载，撤消，重做，重置等功能。

拥有强大的过滤功能，如灰度， 反转， 棕褐色， 模糊锐化， 浮雕， 删除白色等

项目名称：tui.image-editor Star：5.7K Github：https://github.com/nhn/tui.image-editor

3.compressorjs

compressorjs 是一款JavaScript 图像压缩器。使用浏览器原生的 canvas.toBlob API 来做压缩工作，即有损压缩，异步压缩，在不同的浏览器有不同的压缩效果。一般在客户端上传之前使用这个来预压缩图片。

项目名称：compressorjs Star：4.2K Github：https://github.com/fengyuanchen/compressorjs

4.viewerjs

Viewer.js 是一款强大的图片查看器。支持 52 个查看选项、23 种操作方法、17 个事件、旋转、移动、缩放等。

我们通过Viewer.js 在页面上添加强大的图片查看功能，同时，这款优秀的插件配置操作起来也非常的方便。

Viewer.js分为2个版本，js版本和jquery版本，大家可以根据自身需求选择。

项目名称：viewerjs Star：6.9K Github：https://github.com/fengyuanchen/viewerjs