c# - 图片 "gradient blur"

Question

在我的应用程序中，我需要对图像应用模糊滤镜。但是，像素离用户可以在图像中自由绘制的线越远，效果应该越强。

让我们假设用户绘制的线恰好在中间水平分割图像。然后沿着这条线，渐变的效果应该是0%，从这条线上下的一半，效果应该是50%等。(如果你的机器上有Picasa，椭圆渐变也有类似的效果)

现在我想我可以尝试以下方法(到目前为止我还没有尝试过 - 我只是在这里收集想法):我可以创建图像的 100% 模糊版本并使用 alpha 将其与原始图像组合-面具。这个 alpha 蒙版将从一个简单的黑/白线性渐变创建。

您认为这可行吗？是否有其他可能直接使用过滤器的实现？

Answer 1

是的，您想到的方法会很好用。这里有两张图片，左边是一张普通图片，右边是由两张叠加在一起的图片组成的，下面是正常的，上面是模糊的，上面使用不透明蒙版将两者混合在一起:

<UniformGrid Columns="2">
    <Image Source="http://thecybershadow.net/misc/stackoverflow.png"/>
    <Grid>
        <Image Source="http://thecybershadow.net/misc/stackoverflow.png"/>
        <Image Source="http://thecybershadow.net/misc/stackoverflow.png">
            <Image.Effect>
                <BlurEffect Radius="5"/>
            </Image.Effect>
            <Image.OpacityMask>
                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                    <GradientStop Color="Transparent" Offset="0"/>
                    <GradientStop Color="White" Offset="1"/>
                </LinearGradientBrush>
            </Image.OpacityMask>
        </Image>
    </Grid>
</UniformGrid>

这就是当您从上到下逐渐模糊正确图像时的样子: