當前位置:首頁 > IT技術 > Web編程 > 正文

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

?

?

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

?

1.1. 臉部識別JavaScript類庫Tracking.js1

1.2. AlloyImage特性1

1.3. CamanJS2

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

1.4.1. 原理解釋系列文章3

1.5. Lena.js3

1.6. 支持的濾鏡3

1.7. 參考資料4

?

1.1.?臉部識別JavaScript類庫Tracking.js

用于人臉識別的JavaScript程序包是Face Detection

?

?

1.2.?AlloyImage特性

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

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

?

?

1.3.?CamanJS

?

?

PaintbrushJS 是一個輕量級的 JS Canvas 庫用來做一些簡單的圖像處理。

?

?

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

?

簡介

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

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

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

比如:

·?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圖像處理——亮度對比度

Javascript圖像處理——閾值

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

Javascript圖像處理——邊緣梯度計算

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

Javascript圖像處理——仿射變換

?

?

1.5.?Lena.js

?

1.6.?支持的濾鏡

·?高斯模糊濾鏡

·?灰度濾鏡

·?高通濾鏡

·?顛倒濾鏡

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

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

·?原色濾鏡

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

·?飽和濾鏡

·?棕鏡

·?銳化濾鏡

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

·?閾值濾鏡(閾值128)

·?低通濾鏡(3×3)

·?低通濾鏡(5×5)

?

1.7.?參考資料

?

JavaScript人臉識別技術及臉部識別JavaScript類庫Tracking_js_javascript技巧_腳本之家.htm

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

?

?

?

?

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

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

簡稱:: Emir Attilax Akbar 埃米爾 阿提拉克斯 阿克巴

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

常用名:艾提拉(艾龍)

?

?

頭銜:uke總部o2o負責人,全球網格化項目創(chuàng)始人,

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

?

uke宗教與文化融合事務部部長, uke宗教改革委員會副主席

uke制度與重大會議委員會委員長,uke保安部首席大隊長,uke制度檢查委員會副會長,

?

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

?

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

?Uke軟件標準化協(xié)會理事長理事長 Uke 數(shù)據(jù)庫與存儲標準化協(xié)會副會長

?

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

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

Uke圖像處理與機器視覺學院首席院長

Uke 戶外運動協(xié)會理事長 ?度假村首席大村長 ??uke出版社編輯總編

?

轉載請注明來源:attilax的專欄 ??

--Atiend??v7

?

?

?

?

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

開通會員,享受整站包年服務立即開通 >