如何在 Android 中模糊图像的某些部分?
How to blur some portion of Image in Android?
我在一个项目中工作,我必须清晰地显示图像的某些部分并使图像的其余部分模糊。模糊应该由滑块管理。意味着它可以增加或减少。最终结果图像应该如下所示。
在研究过程中,我发现以下链接很有用
http://blog.neteril.org/blog/2013/08/12/blurring-images-on-android/
http://blog.neteril.org/blog/2013/08/12/blurring-images-on-android/
但以上链接中的问题是它们都使完整的图像模糊。不是图片的一部分。
请提出一些解决方案来实现这一目标。提前致谢。
做几次蒙版模糊....
制作面具
0
表示模糊(黑色),>=1
表示不模糊(白色)。通过足够大的值初始化这部分,例如 w=100
像素
创建蒙版模糊函数
只是与一些矩阵的普通卷积,例如
0.0 0.1 0.0
0.1 0.6 0.1
0.0 0.1 0.0
但仅对蒙版为 ==0
的目标像素执行此操作,图像模糊后蒙版也会模糊。这应该稍微扩大白色区域(每次迭代按像素但在边界上失去幅度,这就是为什么w>1
)。
循环项目符号 #2 N
次
N
决定blur/non-blur 渐变深度 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
增加到 255
其余为黑色渐变宽度为dr
并确定平滑锐度
使用遮罩和阈值创建平滑遮罩
平滑掩码像素 < 阈值的所有像素。请参阅函数 rgb_smooth_masked
。它使用2x2
卷积矩阵
0.50,0.25
0.25,0.00
循环阈值从 1
到 255
一些步骤
步长决定图像模糊强度。
最后是一些视觉结果,这是我用相机拍摄的源图像:
左边是输出,右边是掩码:
蓝色表示values < 256
(B为最低8位颜色)
我使用自己的图片 class 作为图片,所以一些成员是:
xs,ys
图像大小(以像素为单位)
p[y][x].dd
是(x,y)
位置的像素,为32位整数类型
clear(color)
- 清除整个图像
resize(xs,ys)
- 将图像调整为新分辨率
我在一个项目中工作,我必须清晰地显示图像的某些部分并使图像的其余部分模糊。模糊应该由滑块管理。意味着它可以增加或减少。最终结果图像应该如下所示。
在研究过程中,我发现以下链接很有用
http://blog.neteril.org/blog/2013/08/12/blurring-images-on-android/
http://blog.neteril.org/blog/2013/08/12/blurring-images-on-android/
但以上链接中的问题是它们都使完整的图像模糊。不是图片的一部分。
请提出一些解决方案来实现这一目标。提前致谢。
做几次蒙版模糊....
制作面具
0
表示模糊(黑色),>=1
表示不模糊(白色)。通过足够大的值初始化这部分,例如w=100
像素创建蒙版模糊函数
只是与一些矩阵的普通卷积,例如
0.0 0.1 0.0 0.1 0.6 0.1 0.0 0.1 0.0
但仅对蒙版为
==0
的目标像素执行此操作,图像模糊后蒙版也会模糊。这应该稍微扩大白色区域(每次迭代按像素但在边界上失去幅度,这就是为什么w>1
)。循环项目符号 #2
N
次N
决定blur/non-blur 渐变深度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
增加到255
其余为黑色渐变宽度为
dr
并确定平滑锐度使用遮罩和阈值创建平滑遮罩
平滑掩码像素 < 阈值的所有像素。请参阅函数
rgb_smooth_masked
。它使用2x2
卷积矩阵0.50,0.25 0.25,0.00
循环阈值从
1
到255
一些步骤步长决定图像模糊强度。
最后是一些视觉结果,这是我用相机拍摄的源图像:
左边是输出,右边是掩码:
蓝色表示values < 256
(B为最低8位颜色)
我使用自己的图片 class 作为图片,所以一些成员是:
xs,ys
图像大小(以像素为单位)p[y][x].dd
是(x,y)
位置的像素,为32位整数类型clear(color)
- 清除整个图像resize(xs,ys)
- 将图像调整为新分辨率