玩转 image 篇,推荐 10 个你没见过的图片处理神器项目,YYDS!

news/2024/11/19 3:38:12/

1e42d51085c38ebfc7bfe0e44939df6a.png

大家好,我是你们的 猫哥,那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~

又是好久不见了,最近忙成狗,天天都在加班,挺久没上线了,唉。

今天继续推荐前端必备项目!

平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目

0f6d0968d2d21360af3d2fdbead608d0.png

1. sharp

1ef4011fe7c7e1474d50131a8b4e17a0.png

高性能 Node.js 图像处理,调整 JPEG、PNG、WebP、AVIF 和 TIFF 图像大小的最快模块。使用 libvips 库。

https://github.com/lovell/sharp

2. rough

50cb930b89c5cfd572e456c0c66f916d.png

Rough.js 是一个小型 (<9 kB) 图形库,可让您以粗略的手绘风格进行绘制。该库定义了用于绘制直线、曲线、圆弧、多边形、圆和椭圆的基元。

https://github.com/rough-stuff/rough

3. lazysizes

bb3bd3243844c9e91453b693460054ce.png

用于图像(响应式和正常)、iframe 等的高性能和 SEO 友好的惰性加载程序,可检测通过用户交互、CSS 或 JavaScript 触发的任何可见性更改,无需配置。

https://github.com/aFarkas/lazysizes

4. paper.js

73eb85eb525b27978dd93beaeac8f0f8.png

Paper.js 是一个运行在 HTML5 Canvas 之上的开源矢量图形脚本框架。它提供了一个干净的场景图/文档对象模型和许多强大的功能来创建和使用矢量图形和贝塞尔曲线,所有这些都巧妙地包裹在一个设计良好、一致和干净的编程界面中。

https://github.com/paperjs/paper.js

5. cropperjs

40bbeeb8c8368de3472a3f58989cd16e.png

JavaScript 图像裁剪器.

https://github.com/fengyuanchen/cropperjs

6. viewerjs

d20ca1ff56fc70fe66e73b675059eb15.png

JavaScript 图像查看器

https://github.com/fengyuanchen/viewerjs

7. compressorjs

3fbe2f11d6cb84209ea30717a4863c59.png

JavaScript 图像压缩器。

https://github.com/fengyuanchen/compressorjs

8. html-to-image

e0c9a8f9ea3d993936fdbe685b44d90d.png

使用 HTML5 画布和 SVG 从 DOM 节点生成图像。

https://github.com/bubkoo/html-to-image

9. plaiceholder

26750f8c4f21af7c7cde8e4fe942f2fd.png

美丽的图片占位符,没有麻烦 🖼

https://github.com/joe-bell/plaiceholder

10. js-image-carver

72545ed936afc231ef4a091f4a965aca.png

基于 Seam Carving 算法的内容感知图像缩放器和对象移除器。

https://github.com/trekhleb/js-image-carver

最后

平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目

更多精彩项目,请看下方宝藏仓库,请慎入!

https://github.com/FrontEndGitHub/FrontEndGitHub

不知不觉,原创文章已经写到第 72 期了呢,几乎每一篇都是猫哥精心挑选的优质开源项目,推送的每一篇文章里面的项目几乎都是对前端开发很有帮助的。

原创不易,一篇优质的文章都是要肝几个晚上才能肝出来的,花费很多时间、精力去筛选和写推荐理由,大佬们看完文章后顺手点个赞或者转发吧,就当给猫哥一点鼓励吧。

往期精文

  • 玩转 GitHub 篇,推荐 10 个你没见过的 GitHub 的高效开源神器,YYDS!

  • 推荐 12 个好用的 React 的开源项目,YYDS!

  • 推荐 10 个好用的 Vue3 的开源项目,开发效率又能提升了!

  • 推荐 9 个 Node.js 学习、进阶、debugging 分析、实战 的重磅开源项目

  • 猛增 110K Star!年增长数最多的 10 大顶级前端学习资源项目!

  • 推荐 7 个 Vue2、Vue3 源码解密分析的开源项目

  • Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目

关注公众号:前端GitHub,回复 电子书 即可以获得下面 1000 本技术精华书籍哦,猫哥微信号:CB834301747

a5e09596441235663a69d9f9dd410e59.png 4710b727c0249fb816ec6a319e86269b.png

如果不想错过精彩内容,请多给本公众号点赞哦,这样就会先收到内容推荐的。

f462ce74b6c18face2a962093aabe20e.png

http://www.ppmy.cn/news/377821.html

相关文章

一步步带你实现Android图片处理库gpuimage的配置、使用、封装、多效果集于一身(eg:灰度滤镜+鱼眼效果)

官网&#xff1a;https://github.com/cats-oss/android-gpuimage 以下以灰色滤镜、鱼眼效果&#xff08;变形&#xff0c;看腰和海面&#xff09;、饱和度 为例&#xff0c;进行讲解&#xff0c;效果图如下&#xff1a; 图一&#xff1a;原图&#xff0c;刚进去的界面&#x…

android图片压缩、素质材料上传、证件照裁剪工具

不知道你是否有这样或那样的需求。 报考考试&#xff0c;经常需要裁剪各种的头像照、往往不是大小太大、就是格式不对&#xff0c;还有的就是1寸、2寸的微小规格差异不合要求&#xff0c;这里就推荐一个免费好用的图片压缩、证件照裁剪工具&#xff0c;还能利用文件夹功能压缩…

6个高清图片素材网站,找图片素材就靠他们了

6个高质量图片素材网站&#xff0c;建议收藏&#xff01; 1、菜鸟图库 https://www.sucai999.com/?vNTYwNDUx 菜鸟图库虽然是一个设计网站&#xff0c;但素材库非常大&#xff0c;除了有设计类素材之外还有很多视频、音频、办公类等素材&#xff0c;图片素材就有好几十万张&a…

强大的图片处理工具GraphicsMagick

前言 项目中我们经常需要对图片进行压缩、剪切、添加水印、生成缩略图、图片合成等图片处理操作&#xff0c;关于这些图片复杂处理&#xff0c;我们将如何实现呢&#xff0c;本文将介绍GraphicsMagick对图片进行相关处理功能。 简介 GraphicsMagick是一个免费的创建、编辑、…

Python零基础入门(一)——Python简介与基础语法

系列文章目录 个人简介&#xff1a;机电专业在读研究生&#xff0c;CSDN内容合伙人&#xff0c;博主个人首页 Python入门专栏&#xff1a;《Python入门》欢迎阅读&#xff0c;一起进步&#xff01;&#x1f31f;&#x1f31f;&#x1f31f; 码字不易&#xff0c;如果觉得文章不…

明星热图|刘亦菲拍摄品牌大片;唐艺昕、易烊千玺代言新品牌;全智贤、黄景瑜、江疏影演绎品牌新品...

图片是企业新闻传播的要素之一&#xff0c;优秀的图片使读者能更直观地了解新闻内容。“一周热图”栏目为大家展示每周通过美通社发布的最具代表性的企业新闻图片。 首饰 天梭携手刘亦菲演绎七夕广告大片。刘亦菲被天梭小美人系列腕表俘获芳心&#xff0c;恰如人们被“神仙姐姐…

用痛点切入,用痒点黏住

《五十度灰》大热&#xff0c;痛点控跑出来分析&#xff0c;那是因为&#xff1a;抓住了空虚女需要幻想霸道总裁的这一痛点。 好吧&#xff0c;痛点如此清晰&#xff0c;市场如此广阔。大家都来做呗&#xff1f;呵呵&#xff0c;无数互联网创业者就是这样跳出来送死的。。。^_^…

【干货】用痛点切入,用痒点黏住

送给真正的互联网人一顿干货早餐 【小咖导读】文自梁宁&#xff0c;“痛点”已经成了今天互联网概念的滥觞。其实在今天&#xff0c;互联网产品极大丰富的今天&#xff0c;中关村一块砖砸下来&#xff0c;准能砸着两个创业者一个投资人的今天&#xff0c;抓一个痛点没那么有效了…