将图像用作不透明蒙版

Question

以下链接显示了使用图像作为不透明蒙版。

https://wpf.2000things.com/2012/05/14/557-using-an-image-as-an-opacity-mask/

但是我无法获得预期的结果...

您能得到预期的结果吗？

我认为我们应该使其中一张图像是透明的。

如果是，请告诉我该怎么做。

如果您能够获得预期的结果，那么请将您的图像放入 OneDrive ，以便我下载。

通过这种方式看起来很容易，但并不容易。

通过我使用 paint.net 设计透明图像的方式。

Answer 1

不透明蒙版中透明区域中的任何内容都不会显示

这是一个完整的例子：

代码：

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d" SizeToContent="WidthAndHeight">
    <StackPanel Orientation="Horizontal">
        <Image Source="rocks.png" Margin="10" />
        <Image Source="rocks.png" Margin="10">
            <Image.OpacityMask>
                <ImageBrush ImageSource="mask1.png" />
            </Image.OpacityMask>
        </Image>
    </StackPanel>
</Window>

https://docs.microsoft.com/en-us/dotnet/framework/wpf/graphics-multimedia/opacity-masks-overview#using-an-image-as-an-opacity-mask

我已经放置了您需要了解的所有内容，并在Paint.NET之类的文件中打开了不透明蒙版，并且您应该了解如何复制它。