如何使用DX合成器模糊部分图像

本文关键字：图像 模糊部 合成器 何使用 DX | 更新日期: 2023-09-27 18:03:23

我如何模糊矩形部分的图像(Windows.UI.Xaml.Controls.Image)在UWP应用程序使用DX合成器?

如何使用DX合成器模糊部分图像

XAML

<Grid>
    <Image Name="image" Width="100" Height="200" />
    <Grid Name="rectangle" Widht="100" Height="100" />
</Grid>
c# 

var blurEffect = new GaussianBlurEffect {
    Name = "Blur",
    BlurAmount = 2f,
    Source = new CompositionEffectSourceParameter("source"),
};
var visual = ElementCompositionPreview.GetElementVisual(rectangle);
var compositor = visual.Compositor;
var effectFactory = compositor.CreateEffectFactory(blurEffect, new[] { "Blur.BlurAmount" });
var effectBrush = effectFactory.CreateBrush();
effectBrush.SetSourceParameter("source", compositor.CreateBackdropBrush());
var blurSprite = compositor.CreateSpriteVisual();
blurSprite.Size = new Vector2((float)rectangle.Width, (float)rectangle.Height);
blurSprite.Brush = effectBrush;
blurSprite.Offset = new Vector3(0, (float)((image.Height - rectangle.Height) / 2), 0);
ElementCompositionPreview.SetElementChildVisual(image, blurSprite);
相关文章：