Web前端5個好用的JS圖像處理庫

1.Pica

pica可在瀏覽器上實現高質量而且高性能的圖片大小調整JS庫，目標是在瀏覽器中以最快的速度進行高品質圖像縮放。它會從web-workers，web assembly，createImageBitmap和純JS中自動選擇較佳的可用技術。

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

2.Lena.js

該庫主要為圖片添加過濾器。

3.Compressor.js

Compressor.js 一個JavaScript圖像壓縮器。使用瀏覽器的原生canvas.toBlob API來執(zhí)行壓縮工作，這意味著它是有損壓縮。一般使用此方法在客戶端上傳圖像文件之前對其進行預壓縮。

4.Fabric.js

Fabric是一個強大而簡單的JSCanvas庫，我們能通過使用它實現在Canvas上創(chuàng)建、填充圖形、給圖形填充漸變顏色。組合圖形（包括組合圖形、圖形文字、圖片等）等一系列功能。簡單來說我們可以通過使用Fabric從而以較為簡單的方式實現較為復雜的Canvas功能

還可以使用Fabric.js庫更改這些對象的某些屬性，例如它們的顏色，透明度，網頁上的深度位置，或選擇這些對象的組。 Fabric.js還可以將SVG圖像轉換為JavaScript數據，該數據可用于將其放入

5.Blurify

blurify.js是一款小巧實用的js圖片模糊效果插件。使用該js插件可以將任意圖片進行模糊處理。