亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

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

系統 2671 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條評論
主站蜘蛛池模板: 国产精品二区三区 | 日本中文一二区有码在线观看 | 国产精品19禁在线观看2021 | aaaaa级毛片 aaaa级毛片欧美的 | 亚洲成人视| 国产成人在线播放视频 | 婷婷亚洲五月 | 老子影院午夜 | 亚洲a成人| 国产91免费在线观看 | 国产99网站 | 久久精品爱| 天天摸天天操 | 日韩欧美色综合 | 男女羞羞免费视频 | 日本不卡视频在线观看 | 日韩有码在线播放 | 色片网| 99国产情在线视频 | 182午夜在线观看 | 好看的中文字幕在线 | 特黄aa级毛片免费视频播放 | 欧美日日日 | 在线亚洲小视频 | 欧美日韩一区二区三 | 国产亚洲精品资源一区 | 欧美伊人| 亚洲一级理论片 | xxxx日本在线播放免费不卡 | 日韩欧美国产一区二区三区四区 | 欧美激情欧美狂野欧美精品免费 | 久久精品一区二区三区资源网 | 亚洲欧美日本在线 | 日日夜夜人人 | 国产午夜精品不卡视频 | 在线国产播放 | 97av在线视频 | 久久一区二区三区精品 | jizz18性欧美大全 | 日韩中文精品亚洲第三区 | 99久久精品男女性高爱 |