最新文章專(zhuān)題視頻專(zhuān)題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專(zhuān)題1關(guān)鍵字專(zhuān)題50關(guān)鍵字專(zhuān)題500關(guān)鍵字專(zhuān)題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專(zhuān)題關(guān)鍵字專(zhuān)題tag2tag3文章專(zhuān)題文章專(zhuān)題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專(zhuān)題3
問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

Javascript圖像處理—閾值函數(shù)實(shí)例應(yīng)用_javascript技巧

來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 21:06:25
文檔

Javascript圖像處理—閾值函數(shù)實(shí)例應(yīng)用_javascript技巧

Javascript圖像處理—閾值函數(shù)實(shí)例應(yīng)用_javascript技巧:前言 上一篇文章,我們講解了圖像處理中的亮度和對(duì)比度的變化,這篇文章我們來(lái)做一個(gè)閾值函數(shù)。最簡(jiǎn)單的圖像分割方法 閾值是最簡(jiǎn)單的圖像分割方法。 比如為了從下圖中分割出蘋(píng)果,我們利用前景與背景的灰度差值,通過(guò)設(shè)定一個(gè)閾值,對(duì)于該像素大于這個(gè)閾值時(shí)
推薦度:
導(dǎo)讀Javascript圖像處理—閾值函數(shù)實(shí)例應(yīng)用_javascript技巧:前言 上一篇文章,我們講解了圖像處理中的亮度和對(duì)比度的變化,這篇文章我們來(lái)做一個(gè)閾值函數(shù)。最簡(jiǎn)單的圖像分割方法 閾值是最簡(jiǎn)單的圖像分割方法。 比如為了從下圖中分割出蘋(píng)果,我們利用前景與背景的灰度差值,通過(guò)設(shè)定一個(gè)閾值,對(duì)于該像素大于這個(gè)閾值時(shí)

前言

上一篇文章,我們講解了圖像處理中的亮度和對(duì)比度的變化,這篇文章我們來(lái)做一個(gè)閾值函數(shù)。

最簡(jiǎn)單的圖像分割方法

閾值是最簡(jiǎn)單的圖像分割方法。

比如為了從下圖中分割出蘋(píng)果,我們利用前景與背景的灰度差值,通過(guò)設(shè)定一個(gè)閾值,對(duì)于該像素大于這個(gè)閾值時(shí)就以黑色表示,小于便以灰色表示。

Threshold simple example
五種閾值類(lèi)型

和OpenCV一樣,我們將提供五種閾值類(lèi)型,方便使用。

下面是原圖像的波形表示,縱坐標(biāo)表示像素點(diǎn)的灰度值大小,藍(lán)線是閾值大小。

Threshold Binary

二進(jìn)制閾值化

公式表示是:

\texttt{dst} (x,y) = \fork{\texttt{maxVal}}{if $\texttt{src}(x,y) > \texttt{thresh}$}{0}{otherwise}

圖像表示是:

Threshold Binary

可見(jià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)制閾值化

公式表示是:

\texttt{dst} (x,y) = \fork{0}{if $\texttt{src}(x,y) > \texttt{thresh}$}{\texttt{maxVal}}{otherwise}

圖像表示是:

Threshold Binary Inverted

這個(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)嚅撝祷?

公式表示是:

\texttt{dst} (x,y) = \fork{\texttt{threshold}}{if $\texttt{src}(x,y) > \texttt{thresh}$}{\texttt{src}(x,y)}{otherwise}

圖像表示是:

Threshold Truncate

可見(jiàn)這個(gè)是超過(guò)閾值的就被截?cái)唷:瘮?shù)實(shí)現(xiàn)是:

代碼如下:
var CV_THRESH_TRUNC = function(__value, __thresh, __maxVal){
return __value > __thresh ? __thresh : 0;
};

閾值化為0

公式表示是:

\texttt{dst} (x,y) = \fork{\texttt{src}(x,y)}{if $\texttt{src}(x,y) > \texttt{thresh}$}{0}{otherwise}

圖像表示是:

Threshold Zero

這個(gè)則是小于閾值的都化為0處理。函數(shù)實(shí)現(xiàn):

代碼如下:
var CV_THRESH_TOZERO = function(__value, __thresh, __maxVal){
return __value > __thresh ? __value : 0;
};

反閾值化為0

公式表示是:

\texttt{dst} (x,y) = \fork{0}{if $\texttt{src}(x,y) > \texttt{thresh}$}{\texttt{src}(x,y)}{otherwise}

圖像表示是:

Threshold Zero Inverted

這個(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)行上面這幾種類(lèi)型的閾值處理。
代碼如下:
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ù)值。

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

Javascript圖像處理—閾值函數(shù)實(shí)例應(yīng)用_javascript技巧

Javascript圖像處理—閾值函數(shù)實(shí)例應(yīng)用_javascript技巧:前言 上一篇文章,我們講解了圖像處理中的亮度和對(duì)比度的變化,這篇文章我們來(lái)做一個(gè)閾值函數(shù)。最簡(jiǎn)單的圖像分割方法 閾值是最簡(jiǎn)單的圖像分割方法。 比如為了從下圖中分割出蘋(píng)果,我們利用前景與背景的灰度差值,通過(guò)設(shè)定一個(gè)閾值,對(duì)于該像素大于這個(gè)閾值時(shí)
推薦度:
標(biāo)簽: 處理 圖像 javascript
  • 熱門(mén)焦點(diǎn)

最新推薦

猜你喜歡

熱門(mén)推薦

專(zhuān)題
Top