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 です。前述したように、白黒変換でも試してみましたが、2 色だけでも効果はありません。

同様の設定やシナリオを数多く試しましたが、不透明マスクが機能しません。

4

1 に答える 1

1

MSDNの不透明マスクの概要記事から（強調鉱山）：

不透明マスクを作成するには、要素または Visual の OpacityMask プロパティに Brush を適用します。ブラシは要素またはビジュアルにマップされ、各ブラシ ピクセルの不透明度値を使用して、要素またはビジュアルの対応する各ピクセルの結果の不透明度が決定されます。

ピクセルのカラー値は無視されます。

于 2015-03-17T08:22:29.697 に答える