偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

實(shí)用開(kāi)源Javascript庫(kù),10大圖像處理庫(kù)推薦

新聞 前端
對(duì)于很多人來(lái)說(shuō),使用Javascript來(lái)處理圖像不是一件非常簡(jiǎn)單的事情,幸運(yùn)的是我們可以借助第三方的庫(kù)來(lái)實(shí)現(xiàn)我們想要的功能,本篇文章就介紹一有哪些Javascript圖片處理庫(kù)可供我們選擇和使用!以下排名不分先后

介紹

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

[[325378]]

1. Pica

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

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

实用开源Javascript库,10大图像处理库推荐

https://github.com/nodeca/pica stars:2k

2. Lena.js

這是一個(gè)包含22個(gè)濾鏡的圖像處理庫(kù)

实用开源Javascript库,10大图像处理库推荐

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

3. Compressor.js

這是一個(gè)簡(jiǎn)單的JS圖像壓縮器,它使用瀏覽器的本機(jī)canvas.toBlob API來(lái)處理圖像壓縮??梢詫嚎s輸出質(zhì)量設(shè)置為0到1。

实用开源Javascript库,10大图像处理库推荐

https://github.com/fengyuanchen/compressorjs stars:2.1k

4. Fabric.js

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

实用开源Javascript库,10大图像处理库推荐

https://github.com/fabricjs/fabric.js stars:15.7k

5. Blurify

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

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

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

[[325381]]

https://github.com/JustClear/blurify stars:610

6. Merge Images

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

实用开源Javascript库,10大图像处理库推荐

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

7. Cropper.js

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

实用开源Javascript库,10大图像处理库推荐

https://github.com/fengyuanchen/cropperjs stars:7.3k

8. CamanJS

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

实用开源Javascript库,10大图像处理库推荐

https://github.com/meltingice/CamanJS/ stars:3.3k

9. MarvinJ

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

实用开源Javascript库,10大图像处理库推荐

https://github.com/gabrielarchanjo/marvinj stars:124

10. Grade

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

实用开源Javascript库,10大图像处理库推荐

  1. <div class="gradient-wrap"
  2.  
  3. <img src="./samples/finding-dory.jpg" alt="" /> 
  4.  
  5. </div> 
  6.  
  7. <div class="gradient-wrap"
  8.  
  9. <img src="./samples/good-dinosaur.jpg" alt="" /> 
  10.  
  11. </div> 
  12.  
  13. <script src="path/to/grade.js"></script> 
  14.  
  15. <script type="text/javascript"
  16.  
  17. window.addEventListener('load', function(){ 
  18.  
  19. Grade(document.querySelectorAll('.gradient-wrap')) 
  20.  
  21. }) 
  22.  
  23. </script> 

https://github.com/benhowdle89/grade stars:3.5k

 

責(zé)任編輯:張燕妮 來(lái)源: 今日頭條
相關(guān)推薦

2020-05-12 11:35:53

JavaScript開(kāi)源技術(shù)

2017-02-24 18:50:23

開(kāi)源Javascript圖表庫(kù)

2020-06-16 08:39:35

JavaScript圖像處理庫(kù)

2022-12-05 14:35:30

2020-08-13 08:27:30

圖像

2010-10-27 09:39:50

云計(jì)算

2019-07-02 10:36:30

JavaScript硬件開(kāi)發(fā)

2019-09-26 14:56:18

GitHub 技術(shù)開(kāi)源

2024-10-31 10:18:43

C#ORM框架

2016-09-14 14:49:32

電子商務(wù)工具開(kāi)源

2020-06-09 10:24:58

JavaScript開(kāi)發(fā)技術(shù)

2021-04-30 09:00:00

JavaScript開(kāi)發(fā)上傳庫(kù)

2017-10-27 19:08:59

Python時(shí)間日期庫(kù)

2020-07-03 07:58:01

開(kāi)源開(kāi)發(fā)軟件

2015-07-27 09:49:39

IOS開(kāi)源庫(kù)

2023-06-27 15:50:23

Python圖像處理

2013-01-17 09:32:03

JavaScriptJSjQuery

2018-09-25 11:19:05

開(kāi)源JavaScript圖表庫(kù)

2022-04-24 10:12:25

Python軟件包代碼

2010-10-08 10:03:52

JavaScript圖像
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)