可在瀏覽器上實(shí)現(xiàn)高質(zhì)量而且高性能的圖片大小調(diào)整JS庫，目標(biāo)是在瀏覽器中以最快的速度進(jìn)行高品質(zhì)圖像縮放。它會(huì)從web-workers，web assembly，createImageBitmap和純JS中自動(dòng)選擇最佳的可用技術(shù)。

Pica是一個(gè)執(zhí)行數(shù)學(xué)計(jì)算的底層開發(fā)庫，盡可能地減少了封裝帶來的影響。如果對(duì)二進(jìn)制圖像進(jìn)行縮放，需要先加載到canvas（再保存為blob）。

2. Lena.js

事例地址： https:// js/ https:// es/read/515/how-to-add-image-filters-photo-effects-to-images-in-the-browser-with-javascript-using-lena-js https:// ipe/lena.js https:// compressorjs/ https:// /compressorjs http://

事例講解： http://

Github: https:// ric.js https:// rify/ https:// urify https:// erge-images https:// cropperjs/ https:// /cropperjs http://

Github: https://

CamanJS/  CamanJS 是一個(gè)基于 Canvas 處理圖片的 Javascript 庫，結(jié)合簡(jiǎn)單易用的接口和先進(jìn)高效的圖像編輯技術(shù)。CamanJS 很容易擴(kuò)展新的過濾器和插件，并伴隨著一系列廣泛的圖像編輯功能。它是完全獨(dú)立的庫，支持工作在 NodeJS 和瀏覽器。

9. MarvinJ

官網(wǎng)： https://www. ml https:// njo/marvinj https:// rade/ https:// grade

grade.js是一款可以根據(jù)圖片的兩種主要顏色生成背景漸變的JS插件。它的原理是提取圖片的兩種主要顏色，然后使用這兩種顏色為漸變的開始和結(jié)束顏色，應(yīng)用在圖片容器上。

最后：

在學(xué)習(xí)web前端的過程中，難免會(huì)遇到很多的問題，這些問題可能會(huì)困擾你許久，為此我有個(gè)web開發(fā)學(xué)習(xí)交流群（545667817 ），里面都是ITPUB的小伙伴，大家互相學(xué)習(xí)互相交流共同進(jìn)步，每日分享不同的學(xué)習(xí)資料。