Javascript图像处理—阈值函数实例应用

 更新时间:2013年01月03日 14:47:32   作者:  
阈值是最简单的图像分割方法,接下来将介绍五种阈值类型感兴趣的朋友可以参考下
前言

上一篇文章,我们讲解了图像处理中的亮度和对比度的变化,这篇文章我们来做一个阈值函数。

最简单的图像分割方法

阈值是最简单的图像分割方法。

比如为了从下图中分割出苹果,我们利用前景与背景的灰度差值,通过设定一个阈值,对于该像素大于这个阈值时就以黑色表示,小于便以灰色表示。

Threshold simple example
五种阈值类型

和OpenCV一样,我们将提供五种阈值类型,方便使用。

下面是原图像的波形表示,纵坐标表示像素点的灰度值大小,蓝线是阈值大小。

Threshold Binary

二进制阈值化

公式表示是:

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

图像表示是:

Threshold Binary

可见超过该阈值的就变成最大值(即255),否则变成最小值(也就是0)。我们需要一个函数来实现这个功能:

复制代码 代码如下:

var CV_THRESH_BINARY = function(__value, __thresh, __maxVal){
return __value > __thresh ? __maxVal : 0;
};

反二进制阈值化

公式表示是:

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

图像表示是:

Threshold Binary Inverted

这个则反过来,超过阈值的变成最小值,否则变成最大值。函数实现是:

复制代码 代码如下:

var CV_THRESH_BINARY_INV = function(__value, __thresh, __maxVal){
return __value > __thresh ? 0 : __maxVal;
};

截断阈值化

公式表示是:

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

图像表示是:

Threshold Truncate

可见这个是超过阈值的就被截断。函数实现是:

复制代码 代码如下:

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

这个则是小于阈值的都化为0处理。函数实现:

复制代码 代码如下:

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

这个则在超过阈值时候置为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)

返回的数值。

相关文章

  • TypeScript泛型参数默认类型和新的strict编译选项

    TypeScript泛型参数默认类型和新的strict编译选项

    这篇文章主要介绍了TypeScript泛型参数默认类型和新的strict编译选项,对TypeScript感兴趣的同学,可以参考下
    2021-05-05
  • 如何利用js根据坐标判断构成单个多边形是否合法

    如何利用js根据坐标判断构成单个多边形是否合法

    这篇文章主要给大家介绍了关于如何利用js根据坐标判断构成单个多边形是否合法的相关资料,文章通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-01-01
  • javascript中的后退和刷新实现方法

    javascript中的后退和刷新实现方法

    下面小编就为大家带来一篇javascript中的后退和刷新实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • 浅谈微信小程序列表埋点曝光指南

    浅谈微信小程序列表埋点曝光指南

    这篇文章主要介绍了微信小程序列表埋点曝光指南,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • 前端高频面试题之JS中堆和栈的区别和浏览器的垃圾回收机制

    前端高频面试题之JS中堆和栈的区别和浏览器的垃圾回收机制

    本文给大家分享前端高频面试题JS中堆和栈的区别和浏览器的垃圾回收机制,本文分文别类给大家介绍了栈(stack)和堆(heap)的区别基本类型和引用类型的相关知识,浏览器垃圾回收机制包括基本概念给大家介绍的非常详细,需要的朋友参考下吧
    2023-10-10
  • JavaScript实现网络测速的方法详解

    JavaScript实现网络测速的方法详解

    在我们的日常生活中离不开网络,而网络的快慢直接决定了用户的产品使用体验。本文就来带大家了解如何用JavaScript实现网络测速,需要的可以参考一下
    2023-01-01
  • Linux下编译安装php libevent扩展实例

    Linux下编译安装php libevent扩展实例

    这篇文章主要介绍了Linux下编译安装php libevent扩展实例,本文着重讲解了编译过程中一个错误解决方法,需要的朋友可以参考下
    2015-02-02
  • layui的数据表格+springmvc实现搜索功能的例子

    layui的数据表格+springmvc实现搜索功能的例子

    今天小编就为大家分享一篇layui的数据表格+springmvc实现搜索功能的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript事件委托实例分析

    JavaScript事件委托实例分析

    这篇文章主要介绍了JavaScript事件委托的用法,以实例形式分析了javascript事件委托的实现方法,需要的朋友可以参考下
    2015-05-05
  • 一文彻底理解js原生语法prototype,__proto__和constructor

    一文彻底理解js原生语法prototype,__proto__和constructor

    作为一名前端工程师,必须搞懂JS中的prototype、__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,下面这篇文章主要给大家介绍了关于js原生语法prototype,__proto__和constructor的相关资料,需要的朋友可以参考下
    2021-10-10

最新评论