Web前端5個(gè)好用的JS圖像處理庫(kù)

1.Pica

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

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

2.Lena.js

該庫(kù)主要為圖片添加過(guò)濾器。

3.Compressor.js

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

4.Fabric.js

Fabric是一個(gè)強(qiáng)大而簡(jiǎn)單的JSCanvas庫(kù)，我們能通過(guò)使用它實(shí)現(xiàn)在Canvas上創(chuàng)建、填充圖形、給圖形填充漸變顏色。組合圖形（包括組合圖形、圖形文字、圖片等）等一系列功能。簡(jiǎn)單來(lái)說(shuō)我們可以通過(guò)使用Fabric從而以較為簡(jiǎn)單的方式實(shí)現(xiàn)較為復(fù)雜的Canvas功能

還可以使用Fabric.js庫(kù)更改這些對(duì)象的某些屬性，例如它們的顏色，透明度，網(wǎng)頁(yè)上的深度位置，或選擇這些對(duì)象的組。 Fabric.js還可以將SVG圖像轉(zhuǎn)換為JavaScript數(shù)據(jù)，該數(shù)據(jù)可用于將其放入

5.Blurify

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