当前位置:  编程技术>WEB前端
本页文章导读:
    ▪jQuery 插件开发基础      jQuery 插件开发基础1.开发jQuery 插件的基本格式(function ($) { $.extend($.fn, { })})(jQuery)2.开发全局函数的基本格式(function ($) { $.extend($, { })})(jQuery)开发示例:(function ($) { $.extend($, { .........
    ▪优秀网页设计:使用纹理的20个华丽示例        纹理的使用非常广泛:网站,横幅,LOGO以及名片等很多场合都会使用。使用纹理的最大好处是能够帮助设计师节省大量的时间,不需要自己去制作图形。同时,纹理能够让你的设计项目.........
    ▪Javascript图像处理——阈值      前言上一篇文章,我们讲解了图像处理中的亮度和对比度的变化,这篇文章我们来做一个阈值函数。 最简单的图像分割方法阈值是最简单的图像分割方法。比如为了从下图中分割出苹果,.........

[1]jQuery 插件开发基础
    来源:    发布时间: 2013-10-16

jQuery 插件开发基础

1.开发jQuery 插件的基本格式

(function ($) {
$.extend($.fn, {
})
})(jQuery)

2.开发全局函数的基本格式

(function ($) {
$.extend($, {
})
})(jQuery)

开发示例:

(function ($) {
$.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)

 

  

本文链接


    
[2]优秀网页设计:使用纹理的20个华丽示例
    来源:    发布时间: 2013-10-16

  纹理的使用非常广泛:网站,横幅,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个华丽网站示例

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

本文链接


    
[3]Javascript图像处理——阈值
    来源:    发布时间: 2013-10-16

前言

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

 

最简单的图像分割方法

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

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

 

五种阈值类型

和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)

返回的数值。

 

系列目录

Javascript图像处理系列

 

参考资料

Basic Thresholding Operations

本文链接


    
最新技术文章:
▪css white-space:nowrap属性用法(可以强制文字不...
▪IE里button设置border:none属性无效解决方法
▪border:none与border:0使用区别
▪html清除浮动的6种方法示例
▪三个不常见的 HTML5 实用新特性简介
▪css代码优化的12个技巧
▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
▪小技巧处理div内容溢出
▪html小技巧之td,div标签里内容不换行
▪纯CSS实现鼠标放上去改变文字内容
▪li中插入img图片间有空隙的解决方案
▪CSS3中Transition属性详解以及示例分享
▪父div高度不能自适应子div高度的解决方案
▪告别AJAX实现无刷新提交表单
▪从零学CSS系列之文本属性
▪HTML 标签
▪CSS3+Js实现响应式导航条
▪CSS3实例分享之多重背景的实现(Multiple background...
▪用css截取字符的几种方法详解(css排版隐藏溢...
▪页面遮罩层,并且阻止页面body滚动。bootstrap...
▪CSS可以做的几个令你叹为观止的实例分享
▪详细分析css float 属性以及position:absolute 的区...
▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
▪CSS小例子(只显示下划线的文本框,像文字一...
▪可以给img元素设置背景图
▪不通过JavaScript实现的自动滚动视差效果
▪div+CSS 兼容小摘
▪CSS的inherit与auto使用分析
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3