欧美三区_成人在线免费观看视频_欧美极品少妇xxxxⅹ免费视频_a级毛片免费播放_鲁一鲁中文字幕久久_亚洲一级特黄

Javascript圖像處理——圖像金字塔

系統 2761 0

前言

上一篇文章 ,我們講解了邊緣梯度計算函數,這篇文章我們來了解圖像金字塔。

?

圖像金字塔?

圖像金字塔被廣泛用于計算機視覺應用中。

圖像金字塔是一個圖像集合,集合中所有的圖像都源于同一個原始圖像,而且是通過對原始圖像連續降采樣獲得的。

——《學習OpenCV》

常見的圖像金字塔有下面兩種:

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

?

高斯金字塔

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

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

首先,和高斯內核卷積:

然后,將所有偶數行列刪掉。

可見,這樣下一級圖像約為上一級的1/4。

那么向上變換如何變換呢?

首先先將圖片行列擴大為原來的兩倍,然后將添加的行列用0填充。

最后用剛剛的高斯內核乘以4后卷積。

?

高斯金字塔實現

      
        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
      
        ,
                      
      
      4, 16, 24, 16, 4
      
        ,
                      
      
      6, 24, 36, 24, 6
      
        ,
                      
      
      4, 16, 24, 16, 4
      
        ,
                      
      
      1,  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的余數。

我們實現時候沒有按照上面的步驟,因為這樣子效率就低了,而是直接創建一個原矩陣1/4的矩陣,然后卷積時候跳過那些要被刪掉的行和列。

下面也一樣,創建后卷積,由于一些地方一定是0,所以實際卷積過程中,內核有些元素是被忽略的。

      
        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
      
        ,
                      
      
      4, 16, 24, 16, 4
      
        ,
                      
      
      6, 24, 36, 24, 6
      
        ,
                      
      
      4, 16, 24, 16, 4
      
        ,
                      
      
      1,  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;
};
      
    

?

效果圖

Javascript圖像處理——圖像金字塔_第1張圖片

?

系列目錄

Javascript圖像處理系列

?

參考資料

Image Pyramids

Javascript圖像處理——圖像金字塔


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 日本一区二区精品视频 | 亚洲精品在线视频 | 91中文字幕在线 | 9277在线观看视频 | 精品一卡2卡三卡四卡二卡 欧美不卡一区二区三区在线观看 | 美女国产精品 | 超碰综合| 日韩一二三区视频 | 一区二区三区无码高清视频 | 日韩在线亚洲 | 国产亚洲欧美一区二区 | 久久久久久91香蕉国产 | 亚洲免费在线看 | 日本高清免费不卡在线播放 | 男女污污无遮挡免费观看 | 久久久久999| 国产一区二区三区久久久久久久久 | 日本看片一区二区三区高清 | 日本中文字幕在线观看 | 亚洲欧美成人中文在线网站 | 欧美精品激情 | 精品久久一区二区 | 亚洲第一第二区 | 超级碰碰碰免费视频 | 超碰人人在线 | 免费国产va在线观看视频 | 九九久久99综合一区二区 | 久久亚洲春色中文字幕久久 | 一级寡妇乱色毛片全18 | www.久久久.com | 久久草在线 | 免费国产一区 | 亚洲成人在线免费视频 | 一区二区福利视频 | 国产成人av在线播放 | 色妞妞视频 | 天天做天天爱天天综合网 | 91在线观看 | 一区二区视频在线观看 | 性欧美18一19sex性高清播放 | 91丨九色丨首页在线观看 |