0

我想我可能在 WPF 中发现了一个错误，或者我只是不完全理解 OpacityMasks 的工作原理。正如您在第一张图片中看到的，我有一个菱形路径和一个红色圆圈。我的目标是让钻石之外的一切都变得不可见。当圆圈在菱形内部时它可以工作，但是每当我将它移动到一个角落或路径之外时，OpacityMask 似乎会被拉伸或扭曲，如您在第二张图像中看到的那样。我的问题是，无论圆圈（或任何其他子元素）在哪里，我怎样才能使 OpacityMask 工作。

第一张图片

第二张图片

这是我的 XAML 代码

<Grid Name="rootGrid">
    <Grid>
        <Grid.OpacityMask>
            <VisualBrush Visual="{Binding ElementName=path}"/>
        </Grid.OpacityMask>
        <Path Name="path" 
              Stretch="Fill" 
              Fill="Cyan" 
              StrokeThickness="1" 
              Stroke="GreenYellow" 
              Data="M 0,-1 1,0 0,1 -1,0 0,-1"/>
        <Ellipse Fill="Red" 
                 Margin="20,-17,22,61"/>
    </Grid>
</Grid>

很抱歉发布带有链接的图像，但我没有足够的声誉来直接嵌入图像。

任何帮助表示赞赏！

4

1 回答 1

0

克莱门斯解决了我的问题

在 VisualBrush 上设置 ViewportUnits="Absolute"，然后将其 Viewport 属性设置为适当的矩形，例如 Viewport="0,0,100,100"

于 2017-08-01T12:47:56.453 回答