av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

10大Js圖像處理庫

瀏覽:81日期:2024-03-31 13:58:18
介紹

對于很多人來說,使用JavaScript來處理圖像不是一件非常簡單的事情,幸運的是我們可以借助第三方的庫來實現(xiàn)我們想要的功能,本篇文章就介紹一有哪些JavaScript圖片處理庫可供我們選擇和使用!以下排名不分先后

1.Pica

此插件可減小大圖像的上傳大小,從而節(jié)省上傳時間。它可以在瀏覽器中調(diào)整圖像大小,而不會出現(xiàn)像素化現(xiàn)象并且相當快。它會從web-workers, web assembly, createImageBitmap and 純js自動選擇優(yōu)秀的可用技術(shù)。

減小大圖像的上傳大小,節(jié)省上傳時間; 在圖像處理上節(jié)省服務(wù)器資源; 在瀏覽器中生成縮略圖;

https://github.com/nodeca/pica

2. Lena.js

這是一個包含22個濾鏡的圖像處理庫

https://github.com/davidsonfellipe/lena.js

3. Compressor.js

這是一個簡單的JS圖像壓縮器,它使用瀏覽器的本機canvas.toBlob API來處理圖像壓縮。可以將壓縮輸出質(zhì)量設(shè)置為0到1。

https://github.com/fengyuanchen/compressorjs

4. Fabric.js

Fabric.js允許使用JavaScript在網(wǎng)頁上的html<canvas>元素上輕松創(chuàng)建簡單的形狀,例如矩形,圓形,三角形和其他多邊形,或者由許多路徑組成的更復(fù)雜的形狀。然后,F(xiàn)abric.js將允許使用鼠標來操縱這些對象的大小,位置和旋轉(zhuǎn)。還可以使用Fabric.js庫更改這些對象的某些屬性,例如顏色,透明度,網(wǎng)頁上的深度位置,或選擇這些對象的組。Fabric.js還允許將SVG圖像轉(zhuǎn)換為JavaScript數(shù)據(jù),該數(shù)據(jù)可用于將其放入<canvas>元素。

https://github.com/fabricjs/fabric.js

5. Blurify

用于模糊圖片,并具有從css模式到canvas模式的優(yōu)雅降級支持。該插件在三種模式下工作:

css: 使用filter屬性 canvas: 使用canvas導(dǎo)出base64 auto: css模式優(yōu)先, 否則自動切換到canvas模式

只需要將圖像,模糊值和模式傳遞給函數(shù),即可獲得簡單有效的模糊圖像

https://github.com/JustClear/blurify

6. Merge Images

該庫使可以輕松地將圖像合成在一起。有時,使用畫布可能會有些繁瑣,特別是如果你只需要畫布上下文來做相對簡單的事情(例如將一些圖像合并在一起)時。merge-images將所有重復(fù)性任務(wù)抽象為一個簡單的函數(shù)調(diào)用。圖像可以彼此重疊并重新放置。該函數(shù)返回一個Promise,該Promise解析為base64數(shù)據(jù)URI。同時支持瀏覽器和Node.js。

https://github.com/lukechilds/merge-images

7. Cropper.js

該插件是一個簡單的JavaScript圖像裁剪器,可在可視化環(huán)境中裁剪,旋轉(zhuǎn),縮放和縮放圖像。它還允許設(shè)置縱橫比。

https://github.com/fengyuanchen/cropperjs

8. CamanJS

它是Javascript的canvas操作庫。它是易于使用的界面與先進,高效的圖像/canvas編輯技術(shù)的結(jié)合。使用新的過濾器和插件很容易進行擴展,并且它具有廣泛的圖像編輯功能,并且這種功能還在不斷增多。它完全獨立于庫,并且可以在NodeJS和瀏覽器中使用。可以選擇一組預(yù)設(shè)濾鏡或手動更改屬性(例如亮度,對比度,飽和度)以獲得所需的輸出。

https://github.com/meltingice/CamanJS/

9. MarvinJ

MarvinJ是從Marvin Framework派生的純JavaScript圖像處理框架。MarvinJ對于許多不同的圖像處理應(yīng)用程序而言既簡單又強大。Marvin提供了許多算法來操縱顏色和外觀。Marvin還具備自動檢測功能。使用基本圖像功能(如邊緣,拐角和形狀)的能力是圖像處理的基礎(chǔ)。該插件有助于檢測和分析對象的角點,從而確定場景中主要對象的位置。正因為如此,可以自動裁剪出對象。

https://github.com/gabrielarchanjo/marvinj

10. Grade

該JS庫產(chǎn)生從所提供圖像中的前2種主要顏色生成的互補漸變。這樣一來,網(wǎng)站就可以使用從圖片中導(dǎo)出的匹配漸變填充div。這是一個易于使用的插件,可幫助保持網(wǎng)站外觀的美觀。

<div class='gradient-wrap'> <img src='http://m.4tl426be.cn/bcjs/samples/finding-dory.jpg' alt='' /> </div> <div class='gradient-wrap'> <img src='http://m.4tl426be.cn/bcjs/samples/good-dinosaur.jpg' alt='' /> </div> <script src='http://m.4tl426be.cn/bcjs/path/to/grade.js'></script> <script type='text/javascript'> window.addEventListener(’load’, function(){ Grade(document.querySelectorAll(’.gradient-wrap’)) }) </script>

以上就是10大Js圖像處理庫的詳細內(nèi)容,更多關(guān)于Js圖像處理庫的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章!

標簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 天天天久久久 | 日韩高清中文字幕 | 女同av亚洲女人天堂 | 人人射人人草 | 亚洲精品99999 | 国产电影一区二区 | 日韩欧美手机在线 | 日本成人在线免费视频 | 欧美亚洲视频在线观看 | 成人久久18免费网站图片 | 亚洲精品视频在线 | 99re在线视频 | 欧美中文字幕一区二区 | 不卡的av电影 | 欧美高清视频一区 | 在线观看国产www | 亚洲精品一区中文字幕乱码 | 美女天天干 | 999精品视频 | 中文字字幕在线中文乱码范文 | 一区二区不卡高清 | 九九免费 | 亚洲最色网站 | 99热国产免费 | www.伊人.com | 在线国产一区 | 中文在线一区二区 | 超碰在线国产 | 天天草视频| 黄a大片| 羞视频在线观看 | 欧美激情精品久久久久久 | 亚洲不卡在线观看 | 亚洲国产第一页 | 欧美福利 | 久久免费高清视频 | 超碰日韩 | 国产精品久久网 | 日韩一区二区三区在线 | 91精品亚洲 | 国产一区 在线视频 |