画布儿童透明度

Question

给定一个黑色背景的画布，上面有一些白人孩子：

如何通过画布背景使所有孩子也透明？画布后面可能是图像或其他内容。我发现的所有解决方案都不令人满意：

• 将画布渲染为 PNG 图像并将所有白色变为透明。在这种情况下，在视图框中使用画布时，我会失去矢量图形的所有优点。
• 在所有子节点中创建一个 invers 子节点，并在透明画布上将其渲染为黑色。但我不确定这是否可能。

注意：画布的子级可能会更改，因此我不是在寻找静态解决方案（例如，围绕所有子级的固定路径）。

任何想法如何创建这样的面具？

Answer 1

创建一个带孔的几何图形并将其与 Path 元素一起使用，例如像这样：

<Grid Background="White">
    <Path Fill="Black"
          Data="M0,0 L1000,0 1000,1000 0,1000Z M100,100 L200,100 200,200 100,200Z"/>
</Grid>