當(dāng)前位置:首頁(yè) > IT技術(shù) > Web編程 > 正文

Atitit js canvas的圖像處理類庫(kù)attilax總結(jié)與事業(yè)
2021-09-15 15:13:29

?

?

Atitit js canvas的圖像處理類庫(kù)attilax總結(jié)與事業(yè)

?

1.1. 臉部識(shí)別JavaScript類庫(kù)Tracking.js1

1.2. AlloyImage特性1

1.3. CamanJS2

1.4. JsCV Core是一個(gè)開源的Javascript圖像處理核心庫(kù),其在MIT許可下發(fā)布。2

1.4.1. 原理解釋系列文章3

1.5. Lena.js3

1.6. 支持的濾鏡3

1.7. 參考資料4

?

1.1.?臉部識(shí)別JavaScript類庫(kù)Tracking.js

用于人臉識(shí)別的JavaScript程序包是Face Detection

?

?

1.2.?AlloyImage特性

1.API簡(jiǎn)單易用
2.提供進(jìn)一步封裝的組合效果
3.高級(jí)組合效果,如素描,lomo,復(fù)古,素描等復(fù)合效果 如一個(gè)素描效果的實(shí)現(xiàn)
4.圖層功能,提供圖層的添加,刪除,交換圖層順序等功能,且包含與PS相對(duì)應(yīng)的17種圖層混合模式
5.圖像的基本調(diào)節(jié)功能,包括亮度、對(duì)比度,色相、飽和度、明度調(diào)節(jié)
6.多種濾鏡功能,去色、反相、高斯模糊、銳化、浮雕效果、查找邊緣、馬賽克、腐蝕等
7.處理后文件的保存,處理完成之后,可以將文件輸出為base64形式間接使用和保存

AlloyImage主要使用html5的canvas技術(shù),并在多圖層(layer)處理方面做了創(chuàng)新性的嘗試,不僅如此,在技術(shù)實(shí)現(xiàn)層面,其架構(gòu)方便擴(kuò)展,使用者可以很容易寫出現(xiàn)一個(gè)AlloyImage的濾鏡插件,很多API支持重載,參數(shù)傳遞靈活。

?

?

1.3.?CamanJS

?

?

PaintbrushJS 是一個(gè)輕量級(jí)的 JS Canvas 庫(kù)用來做一些簡(jiǎn)單的圖像處理。

?

?

1.4.?JsCV Core是一個(gè)開源的Javascript圖像處理核心庫(kù),其在MIT許可下發(fā)布。

?

簡(jiǎn)介

本質(zhì)上JsCV是旨在:用Javascript做一些Computer Vision(計(jì)算機(jī)視覺)的事情的。

眾所周知,以Javascript偏弱的運(yùn)算能力,其在浮點(diǎn)數(shù)計(jì)算上的誤差,以及Array數(shù)組的性能問題,和Javascript的單線程阻塞問題,這在IE6的年代幾乎是不可能的任務(wù)。

而如今,第五版Javascript和HTML5技術(shù)提供了一些可能性,TypedArray、ArrayBuffer、Canvas、Worker、WebGL等技術(shù)的出現(xiàn),這使得Javascript漸漸可以脫離UI邏輯控制層面,完成一些圖像處理、計(jì)算機(jī)視覺,甚至是3D技術(shù),以前前端想也不會(huì)想的東東。

比如:

·?CamanJS:http://camanjs.com/

·?PaintbrushJS:https://github.com/mezzoblue/PaintbrushJS

·?liuliu前輩的ccv:http://liuliu.me/ccv/js/nss/

1.4.1.?原理解釋系列文章

Javascript圖像處理

Javascript圖像處理——矩陣基本方法

Javascript圖像處理——虛擬邊緣

Javascript圖像處理——平滑處理

Javascript圖像處理——亮度對(duì)比度

Javascript圖像處理——閾值

Javascript圖像處理——圖像形態(tài)學(xué)

Javascript圖像處理——邊緣梯度計(jì)算

Javascript圖像處理——圖像金字塔

Javascript圖像處理——仿射變換

?

?

1.5.?Lena.js

?

1.6.?支持的濾鏡

·?高斯模糊濾鏡

·?灰度濾鏡

·?高通濾鏡

·?顛倒濾鏡

·?邊緣偵測(cè)濾鏡(laplacian算子)

·?邊緣偵測(cè)濾鏡(prewitt算子)

·?原色濾鏡

·?邊緣檢測(cè)濾鏡(roberts算子)

·?飽和濾鏡

·?棕鏡

·?銳化濾鏡

·?邊緣偵測(cè)濾鏡(sobel算子)

·?閾值濾鏡(閾值128)

·?低通濾鏡(3×3)

·?低通濾鏡(5×5)

?

1.7.?參考資料

?

JavaScript人臉識(shí)別技術(shù)及臉部識(shí)別JavaScript類庫(kù)Tracking_js_javascript技巧_腳本之家.htm

JsCV Core v0.2發(fā)布 & Javascript圖像處理系列目錄 - mylove - ITeye技術(shù)網(wǎng)站.html

?

?

?

?

作者:: 綽號(hào):老哇的爪子claw of Eagle 偶像破壞者Iconoclast image-smasher

捕鳥王"Bird Catcher ?kok??虔誠(chéng)者Pious 宗教信仰捍衛(wèi)者 Defender Of the Faith. 卡拉卡拉紅斗篷 Caracalla red cloak 萬(wàn)獸之王

簡(jiǎn)稱:: Emir Attilax Akbar 埃米爾 阿提拉克斯 阿克巴

全名::Emir Attilax Akbar bin Mahmud bin ?attila bin Solomon bin adam Al Rapanui 埃米爾 阿提拉克斯 阿克巴 本 馬哈茂德 本 阿提拉 本 所羅門 本亞當(dāng) ?阿爾 拉帕努伊

常用名:艾提拉(艾龍)

?

?

頭銜:uke總部o2o負(fù)責(zé)人,全球網(wǎng)格化項(xiàng)目創(chuàng)始人,

uke交友協(xié)會(huì)會(huì)長(zhǎng) ?uke捕獵協(xié)會(huì)會(huì)長(zhǎng) Emir Uke部落首席大酋長(zhǎng),

?

uke宗教與文化融合事務(wù)部部長(zhǎng), uke宗教改革委員會(huì)副主席

uke制度與重大會(huì)議委員會(huì)委員長(zhǎng),uke保安部首席大隊(duì)長(zhǎng),uke制度檢查委員會(huì)副會(huì)長(zhǎng),

?

uke 首席cto ?奶??萍际紫痗to , 軟件部門總監(jiān) 技術(shù)部副總監(jiān) ?研發(fā)部門總監(jiān)主管 ?產(chǎn)品部副經(jīng)理 項(xiàng)目部副經(jīng)理??奶??萍佳芯吭涸洪L(zhǎng)

?

uke波利尼西亞區(qū)大區(qū)連鎖負(fù)責(zé)人 湯加王國(guó)區(qū)域負(fù)責(zé)人?uke克爾格倫群島區(qū)連鎖負(fù)責(zé)人,萊恩群島區(qū)連鎖負(fù)責(zé)人,uke布維島和南喬治亞和南桑威奇群島大區(qū)連鎖負(fù)責(zé)人

?Uke軟件標(biāo)準(zhǔn)化協(xié)會(huì)理事長(zhǎng)理事長(zhǎng) Uke 數(shù)據(jù)庫(kù)與存儲(chǔ)標(biāo)準(zhǔn)化協(xié)會(huì)副會(huì)長(zhǎng)

?

uke終身教育學(xué)校副校長(zhǎng) ??Uke醫(yī)院 與醫(yī)學(xué)院方面的創(chuàng)始人

?uec學(xué)院校長(zhǎng), uecip圖像處理機(jī)器視覺專業(yè)系主任 ??uke文檔檢索專業(yè)系主任

Uke圖像處理與機(jī)器視覺學(xué)院首席院長(zhǎng)

Uke 戶外運(yùn)動(dòng)協(xié)會(huì)理事長(zhǎng) ?度假村首席大村長(zhǎng) ??uke出版社編輯總編

?

轉(zhuǎn)載請(qǐng)注明來源:attilax的專欄 ??

--Atiend??v7

?

?

?

?

本文摘自 :https://blog.51cto.com/a

開通會(huì)員,享受整站包年服務(wù)立即開通 >