Javascript圖像處理—閾值函數(shù)實(shí)例應(yīng)用
上一篇文章,我們講解了圖像處理中的亮度和對(duì)比度的變化,這篇文章我們來做一個(gè)閾值函數(shù)。
最簡單的圖像分割方法
閾值是最簡單的圖像分割方法。
比如為了從下圖中分割出蘋果,我們利用前景與背景的灰度差值,通過設(shè)定一個(gè)閾值,對(duì)于該像素大于這個(gè)閾值時(shí)就以黑色表示,小于便以灰色表示。
五種閾值類型
和OpenCV一樣,我們將提供五種閾值類型,方便使用。
下面是原圖像的波形表示,縱坐標(biāo)表示像素點(diǎn)的灰度值大小,藍(lán)線是閾值大小。
公式表示是:
圖像表示是:
可見超過該閾值的就變成最大值(即255),否則變成最小值(也就是0)。我們需要一個(gè)函數(shù)來實(shí)現(xiàn)這個(gè)功能:
var CV_THRESH_BINARY = function(__value, __thresh, __maxVal){
return __value > __thresh ? __maxVal : 0;
};
反二進(jìn)制閾值化
公式表示是:
圖像表示是:
這個(gè)則反過來,超過閾值的變成最小值,否則變成最大值。函數(shù)實(shí)現(xiàn)是:
var CV_THRESH_BINARY_INV = function(__value, __thresh, __maxVal){
return __value > __thresh ? 0 : __maxVal;
};
截?cái)嚅撝祷?/STRONG>
公式表示是:
圖像表示是:
可見這個(gè)是超過閾值的就被截?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è)則在超過閾值時(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ù)比較簡單,就是對(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)資料,文章通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-01-01javascript中的后退和刷新實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨avascript中的后退和刷新實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11前端高頻面試題之JS中堆和棧的區(qū)別和瀏覽器的垃圾回收機(jī)制
本文給大家分享前端高頻面試題JS中堆和棧的區(qū)別和瀏覽器的垃圾回收機(jī)制,本文分文別類給大家介紹了棧(stack)和堆(heap)的區(qū)別基本類型和引用類型的相關(guān)知識(shí),瀏覽器垃圾回收機(jī)制包括基本概念給大家介紹的非常詳細(xì),需要的朋友參考下吧2023-10-10JavaScript實(shí)現(xiàn)網(wǎng)絡(luò)測(cè)速的方法詳解
在我們的日常生活中離不開網(wǎng)絡(luò),而網(wǎng)絡(luò)的快慢直接決定了用戶的產(chǎn)品使用體驗(yàn)。本文就來帶大家了解如何用JavaScript實(shí)現(xiàn)網(wǎng)絡(luò)測(cè)速,需要的可以參考一下2023-01-01Linux下編譯安裝php libevent擴(kuò)展實(shí)例
這篇文章主要介紹了Linux下編譯安裝php libevent擴(kuò)展實(shí)例,本文著重講解了編譯過程中一個(gè)錯(cuò)誤解決方法,需要的朋友可以參考下2015-02-02layui的數(shù)據(jù)表格+springmvc實(shí)現(xiàn)搜索功能的例子
今天小編就為大家分享一篇layui的數(shù)據(jù)表格+springmvc實(shí)現(xiàn)搜索功能的例子,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09一文徹底理解js原生語法prototype,__proto__和constructor
作為一名前端工程師,必須搞懂JS中的prototype、__proto__與constructor屬性,相信很多初學(xué)者對(duì)這些屬性存在許多困惑,容易把它們混淆,下面這篇文章主要給大家介紹了關(guān)于js原生語法prototype,__proto__和constructor的相關(guān)資料,需要的朋友可以參考下2021-10-10