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

「前端实验室」 专注分享 Github、Gitee等开源社区优质的前端项目、前端技术、前端学习资源以及前端资讯等各种有趣实用的前端内容。

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

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

1.sharp

sharpNode.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

写在最后

给大家分享几个Webstorm免费的激活码

为了防止被和谐,需要的小伙伴

微信扫一扫,关注公众号:前端实验室

回复“aaaa8”,获取激活码

本篇文章来源于微信公众号: 前端实验室


小白学堂 » 前端开发必备的几个图片处理库!

就聊挣钱,一个带着你做副业的社群。

立即查看 了解详情