Javascript圖像處理—閾值函數(shù)實(shí)例應(yīng)用
上一篇文章，我們講解了圖像處理中的亮度和對(duì)比度的變化，這篇文章我們來(lái)做一個(gè)閾值函數(shù)。
最簡(jiǎn)單的圖像分割方法
閾值是最簡(jiǎn)單的圖像分割方法。
比如為了從下圖中分割出蘋果，我們利用前景與背景的灰度差值，通過(guò)設(shè)定一個(gè)閾值，對(duì)于該像素大于這個(gè)閾值時(shí)就以黑色表示，小于便以灰色表示。
五種閾值類型
和OpenCV一樣，我們將提供五種閾值類型，方便使用。
下面是原圖像的波形表示，縱坐標(biāo)表示像素點(diǎn)的灰度值大小，藍(lán)線是閾值大小。
公式表示是：
圖像表示是：
可見超過(guò)該閾值的就變成最大值（即255），否則變成最小值（也就是0）。我們需要一個(gè)函數(shù)來(lái)實(shí)現(xiàn)這個(gè)功能：
var CV_THRESH_BINARY = function(__value, __thresh, __maxVal){
return __value > __thresh ? __maxVal : 0;
};
反二進(jìn)制閾值化
公式表示是：
圖像表示是：
這個(gè)則反過(guò)來(lái)，超過(guò)閾值的變成最小值，否則變成最大值。函數(shù)實(shí)現(xiàn)是：
var CV_THRESH_BINARY_INV = function(__value, __thresh, __maxVal){
return __value > __thresh ? 0 : __maxVal;
};
截?cái)嚅撝祷?/STRONG>
公式表示是：
圖像表示是：
可見這個(gè)是超過(guò)閾值的就被截?cái)?。函?shù)實(shí)現(xiàn)是：
var CV_THRESH_TRUNC = function(__value, __thresh, __maxVal){
return __value > __thresh ? __thresh : 0;
};
閾值化為0
公式表示是：
圖像表示是：
這個(gè)則是小于閾值的都化為0處理。函數(shù)實(shí)現(xiàn)：
var CV_THRESH_TOZERO = function(__value, __thresh, __maxVal){
return __value > __thresh ? __value : 0;
};
反閾值化為0
公式表示是：
圖像表示是：
這個(gè)則在超過(guò)閾值時(shí)候置為0，函數(shù)實(shí)現(xiàn)是：
var CV_THRESH_TOZERO_INV = function(__value, __thresh, __maxVal){
return __value > __thresh ? 0 : __value;
};
閾值處理函數(shù)實(shí)現(xiàn)
然后我們做一個(gè)函數(shù)對(duì)整幅圖進(jìn)行上面這幾種類型的閾值處理。
var threshold = function(__src, __thresh, __maxVal, __thresholdType, __dst){
(__src && __thresh) || error(arguments.callee, IS_UNDEFINED_OR_NULL/* {line} */);
if(__src.type && __src.type == "CV_GRAY"){
var width = __src.col,
height = __src.row,
sData = __src.data,
dst = __dst || new Mat(height, width, CV_GRAY),
dData = dst.data,
maxVal = __maxVal || 255,
threshouldType = __thresholdType || CV_THRESH_BINARY;
var i, j, offset;
for(i = height; i--;){
for(j = width; j--;){
offset = i * width + j;
dData[offset] = threshouldType(sData[offset], __thresh, maxVal);
}
}
}else{
error(arguments.callee, UNSPPORT_DATA_TYPE/* {line} */);
}
return dst;
};
這個(gè)函數(shù)比較簡(jiǎn)單，就是對(duì)每個(gè)像素點(diǎn)賦值為
threshouldType(sData[offset], __thresh, maxVal)
返回的數(shù)值。
相關(guān)文章
TypeScript泛型參數(shù)默認(rèn)類型和新的strict編譯選項(xiàng)
這篇文章主要介紹了TypeScript泛型參數(shù)默認(rèn)類型和新的strict編譯選項(xiàng)，對(duì)TypeScript感興趣的同學(xué)，可以參考下2021-05-05
如何利用js根據(jù)坐標(biāo)判斷構(gòu)成單個(gè)多邊形是否合法
這篇文章主要給大家介紹了關(guān)于如何利用js根據(jù)坐標(biāo)判斷構(gòu)成單個(gè)多邊形是否合法的相關(guān)資料,文章通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-01-01
javascript中的后退和刷新實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇javascript中的后退和刷新實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
這篇文章主要介紹了微信小程序列表埋點(diǎn)曝光指南，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
前端高頻面試題之JS中堆和棧的區(qū)別和瀏覽器的垃圾回收機(jī)制
本文給大家分享前端高頻面試題JS中堆和棧的區(qū)別和瀏覽器的垃圾回收機(jī)制,本文分文別類給大家介紹了棧(stack)和堆(heap)的區(qū)別基本類型和引用類型的相關(guān)知識(shí),瀏覽器垃圾回收機(jī)制包括基本概念給大家介紹的非常詳細(xì),需要的朋友參考下吧2023-10-10
JavaScript實(shí)現(xiàn)網(wǎng)絡(luò)測(cè)速的方法詳解
在我們的日常生活中離不開網(wǎng)絡(luò)，而網(wǎng)絡(luò)的快慢直接決定了用戶的產(chǎn)品使用體驗(yàn)。本文就來(lái)帶大家了解如何用JavaScript實(shí)現(xiàn)網(wǎng)絡(luò)測(cè)速，需要的可以參考一下2023-01-01
Linux下編譯安裝php libevent擴(kuò)展實(shí)例
這篇文章主要介紹了Linux下編譯安裝php libevent擴(kuò)展實(shí)例,本文著重講解了編譯過(guò)程中一個(gè)錯(cuò)誤解決方法,需要的朋友可以參考下2015-02-02
layui的數(shù)據(jù)表格+springmvc實(shí)現(xiàn)搜索功能的例子
今天小編就為大家分享一篇layui的數(shù)據(jù)表格+springmvc實(shí)現(xiàn)搜索功能的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
這篇文章主要介紹了JavaScript事件委托的用法,以實(shí)例形式分析了javascript事件委托的實(shí)現(xiàn)方法,需要的朋友可以參考下2015-05-05
一文徹底理解js原生語(yǔ)法prototype,__proto__和constructor
作為一名前端工程師,必須搞懂JS中的prototype、__proto__與constructor屬性,相信很多初學(xué)者對(duì)這些屬性存在許多困惑,容易把它們混淆,下面這篇文章主要給大家介紹了關(guān)于js原生語(yǔ)法prototype,__proto__和constructor的相關(guān)資料,需要的朋友可以參考下2021-10-10