jQuery 插件开发基础
1.开发jQuery 插件的基本格式
$.extend($.fn, {
})
})(jQuery)
2.开发全局函数的基本格式
$.extend($, {
})
})(jQuery)
开发示例:
$.extend($, {
subtract: function (a, b) {
return a-b;
}
,
add: function (a, b) {
return a+b;
},
multiplication: function (a, b) {
return a*b;
},
division: function (a, b) {
return a+b;
}
}) })(jQuery)
本文链接
纹理的使用非常广泛:网站,横幅,LOGO以及名片等很多场合都会使用。使用纹理的最大好处是能够帮助设计师节省大量的时间,不需要自己去制作图形。同时,纹理能够让你的设计项目更有趣,更有个性。下面是20个使用纹理的华丽的网站实例。
These Are Things
Heather Conlan Makeup Artistry
Babel The King
Amir Khan Official
The Interactive UK Energy Consumption Guide
Pure Pleasure Design
Ice-phone
Ghosthorses Website Design
Fragile Obscurity
Haus
梦想天空博客关注前端开发技术,展示最新HTML5和CSS3应用,分享实用的jQuery插件,推荐网页设计案例。
Pulpfingers
Cheese Please
Capitol Couture
Rodesk
Luhse Tea
梦想天空博客关注前端开发技术,展示最新HTML5和CSS3应用,分享实用的jQuery插件,推荐网页设计案例。
Create Digital Media
Grayden Poper
Kinetic V5
Target Nuclear Weapons
- 分享最新20套漂亮的网页背景纹理素材
- 分享35套很不错的抽象纹理背景素材
- 20个漂亮的木质纹理网站设计作品欣赏
- 分享10个高质量的纹理背景资源网站
- 分享35个非常漂亮的单页网站设计案例
英文链接:优秀网页设计:使用纹理的20个华丽网站示例
编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
本文链接
前言
上一篇文章,我们讲解了图像处理中的亮度和对比度的变化,这篇文章我们来做一个阈值函数。
最简单的图像分割方法
阈值是最简单的图像分割方法。
比如为了从下图中分割出苹果,我们利用前景与背景的灰度差值,通过设定一个阈值,对于该像素大于这个阈值时就以黑色表示,小于便以灰色表示。
五种阈值类型
和OpenCV一样,我们将提供五种阈值类型,方便使用。
下面是原图像的波形表示,纵坐标表示像素点的灰度值大小,蓝线是阈值大小。
- 二进制阈值化
公式表示是:
图像表示是:
可见超过该阈值的就变成最大值(即255),否则变成最小值(也就是0)。我们需呀一个函数来实现这个功能:
return __value > __thresh ? __maxVal : 0;
};
- 反二进制阈值化
公式表示是:
图像表示是:
这个则反过来,超过阈值的变成最小值,否则变成最大值。函数实现是:
return __value > __thresh ? 0 : __maxVal;
};
- 截断阈值化
公式表示是:
图像表示是:
可见这个是超过阈值的就被截断。函数实现是:
return __value > __thresh ? __thresh : 0;
};
- 阈值化为0
公式表示是:
图像表示是:
这个则是小于阈值的都化为0处理。函数实现:
return __value > __thresh ? __value : 0;
};
- 反阈值化为0
公式表示是:
图像表示是:
这个则在超过阈值时候置为0,函数实现是:
return __value > __thresh ? 0 : __value;
};
阈值处理函数实现
然后我们做一个函数对整幅图进行上面这几种类型的阈值处理。
(__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)返回的数值。
系列目录
Javascript图像处理系列
参考资料
Basic Thresholding Operations
本文链接