Javascript影像處理—閾值函數執行個體應用

前言

上一篇文章，我們講解了影像處理中的亮度和對比的變化，這篇文章我們來做一個閾值函數。

最簡單的映像分割方法

閾值是最簡單的映像分割方法。

比如為了從中分割出蘋果，我們利用前景與背景的灰階差值，通過設定一個閾值，對於該像素大於這個閾值時就以黑色表示，小於便以灰色表示。

五種閾實值型別

和OpenCV一樣，我們將提供五種閾實值型別，方便使用。

下面是原映像的波形表示，縱座標表示像素點的灰階值大小，藍線是閾值大小。

二進位閾值化

公式表示是：

映像表示是：

可見超過該閾值的就變成最大值（即255），否則變成最小值（也就是0）。我們需要一個函數來實現這個功能：

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

反二進位閾值化

公式表示是：

映像表示是：

這個則反過來，超過閾值的變成最小值，否則變成最大值。函數實現是：

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

截斷閾值化

公式表示是：

映像表示是：

可見這個是超過閾值的就被截斷。函數實現是：

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

閾值化為0

公式表示是：

映像表示是：

這個則是小於閾值的都化為0處理。函數實現：

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

反閾值化為0

公式表示是：

映像表示是：

這個則在超過閾值時候置為0，函數實現是：

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

閾值處理函數實現

然後我們做一個函數對整幅圖進行上面這幾種類型的閾值處理。

複製代碼 代碼如下: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;
};

這個函數比較簡單，就是對每個像素點賦值為複製代碼 代碼如下:threshouldType(sData[offset], __thresh, maxVal)

返回的數值。