【问题标题】:How to blur some portion of Image in Android?如何在 Android 中模糊图像的某些部分?
【发布时间】:2015-05-07 12:25:02
【问题描述】:

我在一个项目中工作,我必须清晰地显示图像的某些部分并使图像的其余部分模糊。模糊应该由滑块管理。意味着它可以增加或减少。最终结果图像应如下所示。

在我对此进行研究期间,我发现以下链接很有用

  1. http://blog.neteril.org/blog/2013/08/12/blurring-images-on-android/

  2. https://github.com/kikoso/android-stackblur

  3. http://blog.neteril.org/blog/2013/08/12/blurring-images-on-android/

但上述链接中的问题是它们都使图像完全模糊。不是图像的一部分。

请提出一些解决方案来实现这一目标。提前致谢。

【问题讨论】:

  • 在前景中使用带有剪贴蒙版的模糊图像和在背景中使用普通图像怎么样?
  • 检查这是否有帮助 - gist.github.com/ryanbateman/6667995
  • @MD1948 感谢您的评论,但该解决方案无法正常工作,因为它不知道在哪里显示清晰和在哪里显示模糊用户通过使用触摸移动效果来选择此选项。因此,在他放下触摸的地方,那部分是清晰的,而其余部分是模糊的。
  • @DroidWormNarendra 这似乎与我在上面的链接中提到的相同。
  • @sanchitsingh 可能您需要在每次点击时重新计算图片?

标签: android image-processing android-canvas motion-blur


【解决方案1】:

做几次蒙面模糊....

  1. 创建蒙版

    0 表示模糊(黑色),>=1 表示不模糊(白色)。用足够大的值初始化这部分,例如w=100像素

  2. 创建蒙版模糊功能

    只是一个普通的卷积与一些矩阵类似

    0.0 0.1 0.0
    0.1 0.6 0.1
    0.0 0.1 0.0
    

    但仅对蒙版为==0 的目标像素执行此操作,图像模糊后也会模糊蒙版。这应该会稍微扩大白色区域(每次迭代增加像素,但在边界上会丢失大小,这就是 w>1 的原因)。

  3. 循环项目符号 #2 N

    N 确定模糊/非模糊渐变深度 w 只是为了确保毛刺蒙版会增长...每次模糊蒙版都会增加其白色部分

这应该可以解决问题,您也可以使用蒙版的扩张而不是模糊它。

[edit1] 实施

今天玩了一点,发现掩码的平滑度不够长,所以我稍微改变了算法(这里是我的代码 C++):

picture pic0,pic1,pic2;
    // pic0 - source
    // pic1 - output
    // pic2 - mask
int x0=400,y0=330,r0=100,dr=200;
    // x0,y0,r0 - masked area
    // dr - blur gradient size
int i,r;

// init output as sourceimage
pic1=pic0;
// init mask (size of source image) with gradient circles
pic2.resize(pic0.xs,pic0.ys);
pic2.clear(0);
for (i=1;i<=255;i++)
    {
    r=r0+dr-((dr*i)>>8);
    pic2.bmp->Canvas->Brush->Color=TColor(i<<16); // shifted because GDI has inverse channel layout then direct pixel access
    pic2.bmp->Canvas->Pen  ->Color=TColor(i<<16);
    pic2.bmp->Canvas->Ellipse(x0-r,y0-r,x0+r,y0+r);
    }
for (i=1;i<255;i+=10) pic1.rgb_smooth_masked(pic2,i);

这里是平滑函数:

//---------------------------------------------------------------------------
void picture::rgb_smooth_masked(const picture &mask,DWORD treshold)
    {
    int i,x,y;
    color *q0,*q1,*m0,c0,c1,c2;
    if ((xs<2)||(ys<2)) return;
    for (y=0;y<ys-1;y++)
        {
        q0=p[y  ]; m0=mask.p[y];
        q1=p[y+1];
        for (x=0;x<xs-1;x++)
         if (m0[x].dd<treshold)
            {
            c0=q0[x];
            c1=q0[x+1];
            c2=q1[x];
            for (i=0;i<4;i++)
             q0[x].db[i]=DWORD((DWORD(c0.db[i])+DWORD(c0.db[i])+DWORD(c1.db[i])+DWORD(c2.db[i]))>>2);
            }
        }
    }
//---------------------------------------------------------------------------
  1. 创建渐变蒙版,圆圈颜色从1 增加到255

    其余为黑色渐变宽度为dr并确定平滑锐度。

  2. 使用蒙版和阈值创建平滑蒙版

    平滑掩码像素rgb_smooth_masked。它使用2x2卷积矩阵

    0.50,0.25
    0.25,0.00
    
  3. 循环阈值从1255 的某个步骤

    步骤决定了图像的模糊强度。

最后是一些视觉结果,这是我用相机拍摄的源图像:

这里是左边的输出和右边的掩码:

蓝色表示values &lt; 256(B是颜色的最低8位)

我将自己的图片类用于图像,所以一些成员是:

  • xs,ys 图像大小(以像素为单位)
  • p[y][x].dd(x,y) 位置的像素,为 32 位整数类型
  • clear(color) - 清除整个图像
  • resize(xs,ys) - 将图像调整为新分辨率

【讨论】:

  • 感谢您的回答@Spektre。这里有一个问题。我不能使用静态图像进行遮罩,因为要求是在用户点击图像的地方清楚地显示区域。这意味着如果用户触摸图像的角落区域,那么它应该是清晰的并且是模糊的。那么我们如何使用静态上图进行遮罩。
  • @sanchitsingh 我在那里看不到问题...您用黑色清除蒙版并绘制圆盘、椭圆、椭圆,无论用户触摸的地方是白色的...中心是触摸的开始位置和大小可以从用户停止触摸/拖动的位置或某些滚动条上完成......
  • @sanchitsingh 今天早上有一点心情,所以我为了好玩而把它搞砸了,请参阅 C++ 代码的 [edit1],结果在算法中也有一些变化,使其在视觉上更令人愉悦...
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-01-03
  • 2016-01-02
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多