欧美三区_成人在线免费观看视频_欧美极品少妇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條評論
主站蜘蛛池模板: 日韩日韩日韩日韩 | 国产99久久亚洲综合精品 | 国产二区三区毛片 | 国产成人精品一区二区在线 | www伊人网 | 黄色电影在线免费观看 | 欧美日韩一区二区在线观看视频 | 男女真实无遮挡xx00动态图120秒 | 精久久久 | 亚洲天堂久久精品 | 国产成人精品.一二区 | 猛h辣h高h文湿快穿np | 成人国产精品免费网站 | 777奇米影视色888成人 | 亚洲一区在线免费观看 | 精品久久久久久久久久 | 国产精品视频网站 | 一级毛片丰满 出奶水 | 日日操夜夜 | 日韩精品视频免费在线观看 | 亚洲人成在线播放 | 亚洲精品AV无码永久无码 | 日韩视频观看 | 性爽爽| 免费观看欧美一级片 | 日操夜干 | 草草视频在线观看 | 亚洲宗合 | 日韩大片免费看 | 色综合99天天亚洲 | www男人天堂| 日本三级免费 | 网站在线观看 | 免费观看一区二区 | 婷婷免费视频 | 黄色网址av| 精品久久久久久久人人人人传媒 | www.精品 | 99自拍视频在线观看 | 精品免费av | 五月婷六月婷婷 |