2012-08-30 41 views
0

最近,我嘗試blur一個圖像,即半徑是可變的。我試圖實現它myseft,但它似乎很慢。從這個網站,我得到了一個快速模糊的方法被稱爲stack blur快速可變模糊或模糊庫中的android

static Bitmap fastblur(Bitmap sentBitmap, int radius, int fromX, int fromY, 
     int width, int height) { 

    // Stack Blur v1.0 from 
    // http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html 
    // 
    // Java Author: Mario Klingemann <mario at quasimondo.com> 
    // http://incubator.quasimondo.com 
    // created Feburary 29, 2004 
    // Android port : Yahel Bouaziz <yahel at kayenko.com> 
    // http://www.kayenko.com 
    // ported april 5th, 2012 

    // This is a compromise between Gaussian Blur and Box blur 
    // It creates much better looking blurs than Box Blur, but is 
    // 7x faster than my Gaussian Blur implementation. 
    // 
    // I called it Stack Blur because this describes best how this 
    // filter works internally: it creates a kind of moving stack 
    // of colors whilst scanning through the image. Thereby it 
    // just has to add one new block of color to the right side 
    // of the stack and remove the leftmost color. The remaining 
    // colors on the topmost layer of the stack are either added on 
    // or reduced by one, depending on if they are on the right or 
    // on the left side of the stack. 
    // 
    // If you are using this algorithm in your code please add 
    // the following line: 
    // 
    // Stack Blur Algorithm by Mario Klingemann <[email protected]> 

    Bitmap bitmap = sentBitmap.copy(sentBitmap.getConfig(), true); 

    if (radius < 1) { 
     return (null); 
    } 

    int w = width; 
    int h = height; 

    int[] pix = new int[w * h]; 

    bitmap.getPixels(pix, 0, w, fromX, fromY, w, h); 

    int wm = w - 1; 
    int hm = h - 1; 
    int wh = w * h; 
    int div = radius + radius + 1; 

    int r[] = new int[wh]; 
    int g[] = new int[wh]; 
    int b[] = new int[wh]; 
    int rsum, gsum, bsum, x, y, i, p, yp, yi, yw; 
    int vmin[] = new int[Math.max(w, h)]; 

    int divsum = (div + 1) >> 1; 
    divsum *= divsum; 
    int dv[] = new int[256 * divsum]; 
    for (i = 0; i < 256 * divsum; i++) { 
     dv[i] = (i/divsum); 
    } 

    yw = yi = 0; 

    int[][] stack = new int[div][3]; 
    int stackpointer; 
    int stackstart; 
    int[] sir; 
    int rbs; 
    int r1 = radius + 1; 
    int routsum, goutsum, boutsum; 
    int rinsum, ginsum, binsum; 

    int originRadius = radius; 
    for (y = 0; y < h; y++) { 
     rinsum = ginsum = binsum = routsum = goutsum = boutsum = rsum = gsum = bsum = 0; 
     for (i = -radius; i <= radius; i++) { 
      p = pix[yi + Math.min(wm, Math.max(i, 0))]; 
      sir = stack[i + radius]; 
      sir[0] = (p & 0xff0000) >> 16; 
      sir[1] = (p & 0x00ff00) >> 8; 
      sir[2] = (p & 0x0000ff); 
      rbs = r1 - Math.abs(i); 
      rsum += sir[0] * rbs; 
      gsum += sir[1] * rbs; 
      bsum += sir[2] * rbs; 
      if (i > 0) { 
       rinsum += sir[0]; 
       ginsum += sir[1]; 
       binsum += sir[2]; 
      } else { 
       routsum += sir[0]; 
       goutsum += sir[1]; 
       boutsum += sir[2]; 
      } 
     } 
     stackpointer = radius; 

     for (x = 0; x < w; x++) { 

      r[yi] = dv[rsum]; 
      g[yi] = dv[gsum]; 
      b[yi] = dv[bsum]; 

      rsum -= routsum; 
      gsum -= goutsum; 
      bsum -= boutsum; 

      stackstart = stackpointer - radius + div; 
      sir = stack[stackstart % div]; 

      routsum -= sir[0]; 
      goutsum -= sir[1]; 
      boutsum -= sir[2]; 

      if (y == 0) { 
       vmin[x] = Math.min(x + radius + 1, wm); 
      } 
      p = pix[yw + vmin[x]]; 

      sir[0] = (p & 0xff0000) >> 16; 
      sir[1] = (p & 0x00ff00) >> 8; 
      sir[2] = (p & 0x0000ff); 

      rinsum += sir[0]; 
      ginsum += sir[1]; 
      binsum += sir[2]; 

      rsum += rinsum; 
      gsum += ginsum; 
      bsum += binsum; 

      stackpointer = (stackpointer + 1) % div; 
      sir = stack[(stackpointer) % div]; 

      routsum += sir[0]; 
      goutsum += sir[1]; 
      boutsum += sir[2]; 

      rinsum -= sir[0]; 
      ginsum -= sir[1]; 
      binsum -= sir[2]; 

      yi++; 
     } 
     yw += w; 
    } 

    radius = originRadius; 

    for (x = 0; x < w; x++) { 
     rinsum = ginsum = binsum = routsum = goutsum = boutsum = rsum = gsum = bsum = 0; 
     yp = -radius * w; 
     for (i = -radius; i <= radius; i++) { 
      yi = Math.max(0, yp) + x; 

      sir = stack[i + radius]; 

      sir[0] = r[yi]; 
      sir[1] = g[yi]; 
      sir[2] = b[yi]; 

      rbs = r1 - Math.abs(i); 

      rsum += r[yi] * rbs; 
      gsum += g[yi] * rbs; 
      bsum += b[yi] * rbs; 

      if (i > 0) { 
       rinsum += sir[0]; 
       ginsum += sir[1]; 
       binsum += sir[2]; 
      } else { 
       routsum += sir[0]; 
       goutsum += sir[1]; 
       boutsum += sir[2]; 
      } 

      if (i < hm) { 
       yp += w; 
      } 
     } 
     yi = x; 
     stackpointer = radius; 
     for (y = 0; y < h; y++) { 
      pix[yi] = 0xff000000 | (dv[rsum] << 16) | (dv[gsum] << 8) 
        | dv[bsum]; 

      rsum -= routsum; 
      gsum -= goutsum; 
      bsum -= boutsum; 

      stackstart = stackpointer - radius + div; 
      sir = stack[stackstart % div]; 

      routsum -= sir[0]; 
      goutsum -= sir[1]; 
      boutsum -= sir[2]; 

      if (x == 0) { 
       vmin[y] = Math.min(y + r1, hm) * w; 
      } 
      p = x + vmin[y]; 

      sir[0] = r[p]; 
      sir[1] = g[p]; 
      sir[2] = b[p]; 

      rinsum += sir[0]; 
      ginsum += sir[1]; 
      binsum += sir[2]; 

      rsum += rinsum; 
      gsum += ginsum; 
      bsum += binsum; 

      stackpointer = (stackpointer + 1) % div; 
      sir = stack[stackpointer]; 

      routsum += sir[0]; 
      goutsum += sir[1]; 
      boutsum += sir[2]; 

      rinsum -= sir[0]; 
      ginsum -= sir[1]; 
      binsum -= sir[2]; 

      yi += w; 
     } 
    } 

    bitmap.setPixels(pix, 0, w, fromX, fromY, w, h); 

    return (bitmap); 
} 

其實,我想這個模糊的方法可以是可變模糊(如:當圖像的中心下降的距離,半徑過下降)。但是,我不擅長位移,對於我來說修改這些代碼實在太難了! 所以,我想問一個方法來實現徑向模糊的代碼!我不知道是否有任何模糊庫,其中包含輻射模糊,灰度,....在Android!真的很感謝有人能幫助我!謝謝!

回答

4

由於其對速度的優化,該算法不適合適應不同的半徑。如果採取不同的方法,您仍然可以使用它:

原理是您創建多個臨時映射,每個臨時映射具有增加(均勻)模糊半徑,然後根據該點的半徑有多大來將它們混合在一起應該。假設您準備了3張溫度圖,一張半徑爲4,一張8張,一張16張。現在您需要一個像素的模糊半徑爲12。你要做的是將地圖2和3混合約50%。您使用的溫度越高的地圖質量越好,但3(加上原始的非模糊地圖)通常就足夠了。

我在我的複合模糊畫布中使用這種技術:http://www.quasimondo.com/CompoundBlurForCanvas/CompoundBlurDemo.html - 這可以讓你做傾斜移位效果或暈影。

如果您正在尋找更像是照相機變焦效果的徑向模糊,則必須使用不同的方法。在這種情況下,您首先將位圖從笛卡爾映射轉換爲極座標映射,然後進行水平模糊處理,最後將地圖轉換回笛卡爾空間 - 我的網站上有一個Flash演示和一些源代碼,也是一個更詳細的解釋:http://www.quasimondo.com/archives/000697.php

+0

非常感謝! –

0

如何實現複合模糊與滑塊:

/// HTML ///

//使用:CompoundBlur.js //

<DIV CLASS="specimenWindow"> 

    <DIV CLASS="specimenImage"> 

     <IMG ID="specImg" WIDTH="150" HEIGHT="150" /> 
     <CANVAS ID="specCanvas" WIDTH="150" HEIGHT="150"></CANVAS> 

    </DIV> 

</DIV> 

<SCRIPT TYPE="text/javascript" SRC="js/CompoundBlur.js"></SCRIPT> 

/// CSS ///

.specimenWindow { 
    position: absolute; 
    width: 150px; 
    height: 150px; 
    left: 37px; 
    top: 96px; 
} 

.specimenImage { 
    height: 150px; 
    width: 150px; 
} 

#specCanvas { 
    position: absolute; 
    top: 27px; 
    left: 2px; 
} 

/// JS ///

var specImg = document.getElementById("specImg"); 

_slider.ontouchend = function() { 
    compoundBlur(); 
} 

function compoundBlur() { 
    var lensRead = _slider.getPosition(0, 80); 
    var rData = getRadialGradientMap(150, 150, 75, 75, 25, 60); 
    compoundBlurImage("specImg", "specCanvas", rData, lensRead, 1.5, 2, true); 
} 

所以,僅僅調整值,以獲得更流暢的虛化效果,我當我的滑塊是模糊完成被觸摸後,這種方式在移動設備上的效率更高,而滑動條更改時不斷模糊,否則iPad會變暖,並開始快速鬆開電池電量

所以希望能幫助任何嘗試實現快速複合模糊的人。