Javascript圖像處理—閾值函數(shù)實例應用
上一篇文章,我們講解了圖像處理中的亮度和對比度的變化,這篇文章我們來做一個閾值函數(shù)。
最簡單的圖像分割方法
閾值是最簡單的圖像分割方法。
比如為了從下圖中分割出蘋果,我們利用前景與背景的灰度差值,通過設定一個閾值,對于該像素大于這個閾值時就以黑色表示,小于便以灰色表示。
五種閾值類型
和OpenCV一樣,我們將提供五種閾值類型,方便使用。
下面是原圖像的波形表示,縱坐標表示像素點的灰度值大小,藍線是閾值大小。
公式表示是:
圖像表示是:
可見超過該閾值的就變成最大值(即255),否則變成最小值(也就是0)。我們需要一個函數(shù)來實現(xiàn)這個功能:
var CV_THRESH_BINARY = function(__value, __thresh, __maxVal){
return __value > __thresh ? __maxVal : 0;
};
反二進制閾值化
公式表示是:
圖像表示是:
這個則反過來,超過閾值的變成最小值,否則變成最大值。函數(shù)實現(xiàn)是:
var CV_THRESH_BINARY_INV = function(__value, __thresh, __maxVal){
return __value > __thresh ? 0 : __maxVal;
};
截斷閾值化
公式表示是:
圖像表示是:
可見這個是超過閾值的就被截斷。函數(shù)實現(xiàn)是:
var CV_THRESH_TRUNC = function(__value, __thresh, __maxVal){
return __value > __thresh ? __thresh : 0;
};
閾值化為0
公式表示是:
圖像表示是:
這個則是小于閾值的都化為0處理。函數(shù)實現(xiàn):
var CV_THRESH_TOZERO = function(__value, __thresh, __maxVal){
return __value > __thresh ? __value : 0;
};
反閾值化為0
公式表示是:
圖像表示是:
這個則在超過閾值時候置為0,函數(shù)實現(xiàn)是:
var CV_THRESH_TOZERO_INV = function(__value, __thresh, __maxVal){
return __value > __thresh ? 0 : __value;
};
閾值處理函數(shù)實現(xiàn)
然后我們做一個函數(shù)對整幅圖進行上面這幾種類型的閾值處理。
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;
};
這個函數(shù)比較簡單,就是對每個像素點賦值為
threshouldType(sData[offset], __thresh, maxVal)
返回的數(shù)值。
相關文章
TypeScript泛型參數(shù)默認類型和新的strict編譯選項
這篇文章主要介紹了TypeScript泛型參數(shù)默認類型和新的strict編譯選項,對TypeScript感興趣的同學,可以參考下2021-05-05前端高頻面試題之JS中堆和棧的區(qū)別和瀏覽器的垃圾回收機制
本文給大家分享前端高頻面試題JS中堆和棧的區(qū)別和瀏覽器的垃圾回收機制,本文分文別類給大家介紹了棧(stack)和堆(heap)的區(qū)別基本類型和引用類型的相關知識,瀏覽器垃圾回收機制包括基本概念給大家介紹的非常詳細,需要的朋友參考下吧2023-10-10JavaScript實現(xiàn)網(wǎng)絡測速的方法詳解
在我們的日常生活中離不開網(wǎng)絡,而網(wǎng)絡的快慢直接決定了用戶的產(chǎn)品使用體驗。本文就來帶大家了解如何用JavaScript實現(xiàn)網(wǎng)絡測速,需要的可以參考一下2023-01-01layui的數(shù)據(jù)表格+springmvc實現(xiàn)搜索功能的例子
今天小編就為大家分享一篇layui的數(shù)據(jù)表格+springmvc實現(xiàn)搜索功能的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09一文徹底理解js原生語法prototype,__proto__和constructor
作為一名前端工程師,必須搞懂JS中的prototype、__proto__與constructor屬性,相信很多初學者對這些屬性存在許多困惑,容易把它們混淆,下面這篇文章主要給大家介紹了關于js原生語法prototype,__proto__和constructor的相關資料,需要的朋友可以參考下2021-10-10