Question

我想获取一个给定的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>

运行演示应用程序会产生以下结果： enter image description here

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

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

我尝试了很多类似的设置和方案，但我没有让不透明蒙版工作。

Answer 1

来自MSDN上的Opacity Masks Overview文章（强调我的）：

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

忽略像素的颜色值。

带有BitmapImage的DrawingContext.PushOpacityMask（）不起作用

1 个答案: