首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >前端开发必备的几个图片处理库!

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

作者头像
程序员老鱼
发布2023-05-23 19:24:44
1.6K0
发布2023-05-23 19:24:44
举报
文章被收录于专栏:前端实验室前端实验室

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

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

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2023-01-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端实验室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.sharp
  • 2.tui.image-editor
  • 3.compressorjs
  • 4.viewerjs
相关产品与服务
图片处理
图片处理(Image Processing,IP)是由腾讯云数据万象提供的丰富的图片处理服务,广泛应用于腾讯内部各产品。支持对腾讯云对象存储 COS 或第三方源的图片进行处理,提供基础处理能力(图片裁剪、转格式、缩放、打水印等)、图片瘦身能力(Guetzli 压缩、AVIF 转码压缩)、盲水印版权保护能力,同时支持先进的图像 AI 功能(图像增强、图像标签、图像评分、图像修复、商品抠图等),满足多种业务场景下的图片处理需求。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档