玩轉 Image 篇,推薦十個你沒見過的圖片處理神器項目,YYDS!
大家好,我是你們的 貓哥,那個不喜歡吃魚、又不喜歡喵 的超級貓 ~
又是好久不見了,最近忙成狗,天天都在加班,挺久沒上線了,唉。
1. sharp
高性能 Node.js 圖像處理,調整 JPEG、PNG、WebP、AVIF 和 TIFF 圖像大小的最快模塊。使用 libvips 庫。
https://github.com/lovell/sharp
2. rough
Rough.js 是一個小型 (<9 kB) 圖形庫,可讓您以粗略的手繪風格進行繪制。該庫定義了用于繪制直線、曲線、圓弧、多邊形、圓和橢圓的基元。
https://github.com/rough-stuff/rough
3. lazysizes
用于圖像(響應式和正常)、iframe 等的高性能和 SEO 友好的惰性加載程序,可檢測通過用戶交互、CSS 或 JavaScript 觸發(fā)的任何可見性更改,無需配置。
https://github.com/aFarkas/lazysizes
4. paper.js
Paper.js 是一個運行在 HTML5 Canvas 之上的開源矢量圖形腳本框架。它提供了一個干凈的場景圖/文檔對象模型和許多強大的功能來創(chuàng)建和使用矢量圖形和貝塞爾曲線,所有這些都巧妙地包裹在一個設計良好、一致和干凈的編程界面中。
https://github.com/paperjs/paper.js
5. cropperjs
JavaScript 圖像裁剪器。
https://github.com/fengyuanchen/cropperjs
6. viewerjs
JavaScript 圖像查看器
https://github.com/fengyuanchen/viewerjs
7. compressorjs
JavaScript 圖像壓縮器。
https://github.com/fengyuanchen/compressorjs
8. html-to-image
使用 HTML5 畫布和 SVG 從 DOM 節(jié)點生成圖像。
https://github.com/bubkoo/html-to-image
9. plaiceholder
美麗的圖片占位符,沒有麻煩 。
https://github.com/joe-bell/plaiceholder
10. js-image-carver
基于 Seam Carving 算法的內(nèi)容感知圖像縮放器和對象移除器。
https://github.com/trekhleb/js-image-carver