Subtract/Inverted/Reversed mask

[seanbenk]

Been playing around with Skia and I can't seem to find a way to create a subtraction mask. Affectively something that looks like this https://github.com/ibitcy/react-native-hole-view, implemented in a way where the mask is inverted or "cutting" through the Canvas to show what's behind it. Does anyone have any thoughts?

[seanbenk]

Update: I completely over looked mode="luminance" within the <Mask /> component. Solved my issue with:

<Mask
  mode="luminance"
  mask={
    <Group>
      <Fill color="white" />
      <Circle color="black" cx={circleX} cy={circleY} r={r} />
    </Group>
  }
>
  // overlaying content here
  <Path />
</Mask>