欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jsvascript圖像處理—(計算機視覺應(yīng)用)圖像金字塔

 更新時間:2013年01月15日 14:11:09   作者:  
上一篇文章,我們講解了邊緣梯度計算函數(shù),這篇文章我們來了解圖像金字塔;圖像金字塔被廣泛用于計算機視覺應(yīng)用中;圖像金字塔是一個圖像集合,集合中所有的圖像都源于同一個原始圖像,而且是通過對原始圖像連續(xù)降采樣獲得的
前言
上一篇文章,我們講解了邊緣梯度計算函數(shù),這篇文章我們來了解圖像金字塔。

圖像金字塔?
圖像金字塔被廣泛用于計算機視覺應(yīng)用中。
圖像金字塔是一個圖像集合,集合中所有的圖像都源于同一個原始圖像,而且是通過對原始圖像連續(xù)降采樣獲得的。

常見的圖像金字塔有下面兩種
•高斯金字塔(Gaussian pyramid): 用來向下采樣
•拉普拉斯金字塔(Laplacian pyramid): 用來從金字塔低層圖像重建上層未采樣圖像

高斯金字塔

Pyramid figure


類似金字塔一樣,高斯金字塔從底層原始圖逐漸向下采樣,越來越小。

那么如何獲取下一層圖像呢?

首先,和高斯內(nèi)核卷積:
\frac{1}{16} \begin{bmatrix} 1 & 4 & 6 & 4 & 1 \\ 4 & 16 & 24 & 16 & 4 \\ 6 & 24 & 36 & 24 & 6 \\ 4 & 16 & 24 & 16 & 4 \\ 1 & 4 & 6 & 4 & 1 \end{bmatrix} 
然后,將所有偶數(shù)行列刪掉。
可見,這樣下一級圖像約為上一級的1/4。

那么向上變換如何變換呢?
首先先將圖片行列擴大為原來的兩倍,然后將添加的行列用0填充。
最后用剛剛的高斯內(nèi)核乘以4后卷積。

高斯金字塔實現(xiàn)
復(fù)制代碼 代碼如下:

var pyrDown = function(__src, __dst){
__src || error(arguments.callee, IS_UNDEFINED_OR_NULL/* {line} */);
if(__src.type && __src.type == "CV_RGBA"){
var width = __src.col,
height = __src.row,
dWidth = ((width & 1) + width) / 2,
dHeight = ((height & 1) + height) / 2,
sData = __src.data,
dst = __dst || new Mat(dHeight, dWidth, CV_RGBA),
dstData = dst.data;
var withBorderMat = copyMakeBorder(__src, 2, 2, 0, 0),
mData = withBorderMat.data,
mWidth = withBorderMat.col;
var newValue, nowX, offsetY, offsetI, dOffsetI, i, j;
var kernel = [1, 4, 6, 4, 1,
, 16, 24, 16, 4,
, 24, 36, 24, 6,
, 16, 24, 16, 4,
, 4, 6, 4, 1
];
for(i = dHeight; i--;){
dOffsetI = i * dWidth;
for(j = dWidth; j--;){
for(c = 3; c--;){
newValue = 0;
for(y = 5; y--;){
offsetY = (y + i * 2) * mWidth * 4;
for(x = 5; x--;){
nowX = (x + j * 2) * 4 + c;
newValue += (mData[offsetY + nowX] * kernel[y * 5 + x]);
}
}
dstData[(j + dOffsetI) * 4 + c] = newValue / 256;
}
dstData[(j + dOffsetI) * 4 + 3] = mData[offsetY + 2 * mWidth * 4 + (j * 2 + 2) * 4 + 3];
}
}
}else{
error(arguments.callee, UNSPPORT_DATA_TYPE/* {line} */);
}
return dst;
};

dWidth = ((width & 1) + width) / 2,
dHeight = ((height & 1) + height) / 2
這里面a & 1等同于a % 2,即求除以2的余數(shù)。
我們實現(xiàn)時候沒有按照上面的步驟,因為這樣子效率就低了,而是直接創(chuàng)建一個原矩陣1/4的矩陣,然后卷積時候跳過那些要被刪掉的行和列。

下面也一樣,創(chuàng)建后卷積,由于一些地方一定是0,所以實際卷積過程中,內(nèi)核有些元素是被忽略的。
復(fù)制代碼 代碼如下:

var pyrUp = function(__src, __dst){
__src || error(arguments.callee, IS_UNDEFINED_OR_NULL/* {line} */);
if(__src.type && __src.type == "CV_RGBA"){
var width = __src.col,
height = __src.row,
dWidth = width * 2,
dHeight = height * 2,
sData = __src.data,
dst = __dst || new Mat(dHeight, dWidth, CV_RGBA),
dstData = dst.data;
var withBorderMat = copyMakeBorder(__src, 2, 2, 0, 0),
mData = withBorderMat.data,
mWidth = withBorderMat.col;
var newValue, nowX, offsetY, offsetI, dOffsetI, i, j;
var kernel = [1, 4, 6, 4, 1,
, 16, 24, 16, 4,
, 24, 36, 24, 6,
, 16, 24, 16, 4,
, 4, 6, 4, 1
];
for(i = dHeight; i--;){
dOffsetI = i * dWidth;
for(j = dWidth; j--;){
for(c = 3; c--;){
newValue = 0;
for(y = 2 + (i & 1); y--;){
offsetY = (y + ((i + 1) >> 1)) * mWidth * 4;
for(x = 2 + (j & 1); x--;){
nowX = (x + ((j + 1) >> 1)) * 4 + c;
newValue += (mData[offsetY + nowX] * kernel[(y * 2 + (i & 1 ^ 1)) * 5 + (x * 2 + (j & 1 ^ 1))]);
}
}
dstData[(j + dOffsetI) * 4 + c] = newValue / 64;
}
dstData[(j + dOffsetI) * 4 + 3] = mData[offsetY + 2 * mWidth * 4 + (((j + 1) >> 1) + 2) * 4 + 3];
}
}
}else{
error(arguments.callee, UNSPPORT_DATA_TYPE/* {line} */);
}
return dst;
};

效果圖

相關(guān)文章

  • 一波JavaScript日期判斷腳本分享

    一波JavaScript日期判斷腳本分享

    這篇文章主要介紹了一波JavaScript日期判斷腳本分享,包括計算日期是否在時間段內(nèi)即閏年的判斷等,需要的朋友可以參考下
    2016-03-03
  • javascript實現(xiàn)非常簡單的小數(shù)取整功能示例

    javascript實現(xiàn)非常簡單的小數(shù)取整功能示例

    這篇文章主要介紹了javascript實現(xiàn)非常簡單的小數(shù)取整功能,結(jié)合具體實例形式分析了javascript數(shù)學(xué)運算取整相關(guān)操作技巧,需要的朋友可以參考下
    2017-06-06
  • js數(shù)組Array sort方法使用深入分析

    js數(shù)組Array sort方法使用深入分析

    js中Array.sort()方法是用來對數(shù)組項進行排序的,默認是升序排列sort() 方法可以接受一個 方法為參數(shù),這個方法有兩個參數(shù),接下來本例將對sort方法進行深入探討,感興趣的朋友可以參考下
    2013-02-02
  • js實現(xiàn)文字無縫向上滾動

    js實現(xiàn)文字無縫向上滾動

    本文主要分享了js實現(xiàn)文字無縫向上滾動的示例代碼,具有很好的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • 本地對象Array的原型擴展實現(xiàn)代碼

    本地對象Array的原型擴展實現(xiàn)代碼

    該擴展方法目的為刪除數(shù)組中的重復(fù)項,并返回一個包含所有重復(fù)條目的新數(shù)組;
    2010-12-12
  • JS實現(xiàn)倒計時圖文效果

    JS實現(xiàn)倒計時圖文效果

    這篇文章主要為大家詳細介紹了JS實現(xiàn)倒計時圖文效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-11-11
  • ES6中數(shù)組array新增方法實例總結(jié)

    ES6中數(shù)組array新增方法實例總結(jié)

    這篇文章主要介紹了ES6中數(shù)組array新增方法,結(jié)合實例形式總結(jié)分析了ES6中數(shù)組array各種新增方法的功能及使用技巧,需要的朋友可以參考下
    2017-11-11
  • javascript document.compatMode兼容性

    javascript document.compatMode兼容性

    文檔模式在開發(fā)中貌似很少用到,最常見的是就是在獲取頁面寬高的時候,比如文檔寬高,可見區(qū)域?qū)捀叩取?/div> 2010-02-02
  • LazyLoad 延遲加載(按需加載)

    LazyLoad 延遲加載(按需加載)

    大型網(wǎng)站往往很矛盾,想用戶在首頁看到更多東西,又不想浪費太多服務(wù)器流量。比如一個有3屏的首頁??赡?0%的用戶進首頁的目的是點擊首頁的連接,到子頁面。
    2010-05-05
  • 原生javascript實現(xiàn)自動更新的時間日期

    原生javascript實現(xiàn)自動更新的時間日期

    這篇文章主要介紹了原生javascript實現(xiàn)自動更新的時間日期的相關(guān)資料,對實現(xiàn)代碼進行詳細分析,感興趣的朋友可以參考一下
    2016-02-02

最新評論