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

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

1. sharp

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

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

https://github.com/lovell/sharp

2. rough

玩转 Image 篇,推荐十个你没见过的图片处理神器项目,YYDS!插图1

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

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

3. lazysizes

玩转 Image 篇,推荐十个你没见过的图片处理神器项目,YYDS!插图2

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

https://github.com/aFarkas/lazysizes

4. paper.js

玩转 Image 篇,推荐十个你没见过的图片处理神器项目,YYDS!插图3

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

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

5. cropperjs

玩转 Image 篇,推荐十个你没见过的图片处理神器项目,YYDS!插图4

JavaScript 图像裁剪器。

https://github.com/fengyuanchen/cropperjs

6. viewerjs

玩转 Image 篇,推荐十个你没见过的图片处理神器项目,YYDS!插图5

JavaScript 图像查看器

https://github.com/fengyuanchen/viewerjs

7. compressorjs

玩转 Image 篇,推荐十个你没见过的图片处理神器项目,YYDS!插图6

JavaScript 图像压缩器。

https://github.com/fengyuanchen/compressorjs

8. html-to-image

玩转 Image 篇,推荐十个你没见过的图片处理神器项目,YYDS!插图7

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

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

9. plaiceholder

玩转 Image 篇,推荐十个你没见过的图片处理神器项目,YYDS!插图8

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

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

10. js-image-carver

玩转 Image 篇,推荐十个你没见过的图片处理神器项目,YYDS!插图9

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

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

THE END