0

我想采用给定的 BitmapImage 并将其灰度/黑白表示用作 DrawingContext 上的不透明蒙版。

我已经完成了颜色转换，所以我最终得到了一个演示应用程序的以下状态：

ViewModel 上的方法：

public void Demo()
    {
        var width = 400;
        var height = 400;

        var target = new RenderTargetBitmap(width, height, 96, 96, PixelFormats.Pbgra32);
        var target2 = new RenderTargetBitmap(width, height, 96, 96, PixelFormats.Pbgra32);

        var drawingVisual = new DrawingVisual();
        var drawingVisual2 = new DrawingVisual();

        using (var drawingContext = drawingVisual.RenderOpen())
        {
            var bitmapImage = new BitmapImage(new Uri(@"pack://application:,,,/WarningFilled.png"));

            using (var drawingContext2 = drawingVisual2.RenderOpen())
            {
                drawingContext2.DrawImage(bitmapImage, new Rect(0, 0, width, height));
            }

            target2.Render(drawingVisual2);

            var mask = target2.ToGrayscale();
            this.Mask = mask;

            drawingContext.PushOpacityMask(new ImageBrush(mask));
            drawingContext.DrawRectangle(Brushes.Red, null, new Rect(0, 0, width, height));
            // drawingContext.Pop();
        }

        target.Render(drawingVisual);

        this.Rendered = target;
    }

看法：

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:wpfApplication1="clr-namespace:WpfApplication1"
    Title="MainWindow" Height="350" Width="525">
<Window.DataContext>
    <wpfApplication1:MainViewModel></wpfApplication1:MainViewModel>
</Window.DataContext>
<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>
    <Border Grid.Column="0" BorderThickness="2" BorderBrush="Blue" HorizontalAlignment="Center">
        <Image Source="{Binding Rendered}" Width="400" Height="400"></Image>
    </Border>
    <Border Grid.Column="1" BorderThickness="2" BorderBrush="Green" HorizontalAlignment="Center">
        <Image Source="{Binding Mask}" Width="400" Height="400"></Image>
    </Border>
</Grid>

运行演示应用程序会产生以下结果： 在此处输入图像描述

我希望左侧的红色矩形反映在绘制实际矩形之前推到 DrawingContext 上的不透明蒙版。

您在右侧看到的图像是颜色转换后的 BitmapImage，就在它被推送为不透明蒙版之前。正如我之前提到的，我也尝试过黑白转换，但即使只有两种颜色也没有效果。

我尝试了许多类似的设置和场景，但我没有让不透明蒙版起作用。

4

1 回答 1

1

来自 MSDN 上的Opacity Masks Overview文章（重点是我的）：

要创建不透明蒙版，请将 Brush 应用于元素或 Visual 的 OpacityMask 属性。画笔映射到元素或视觉对象，每个画笔像素的不透明度值用于确定元素或视觉对象的每个对应像素的最终不透明度。

像素的颜色值被忽略。

于 2015-03-17T08:22:29.697 回答