An example of how to use BlendMode.Clear in Jetpack Compose Canvas

CompositingStrategyOffscreenTest.kt

@Preview
@Composable
fun CompositingStrategyOffScreenExample() {
    Box(
        modifier = Modifier
            .size(400.dp)
            .background(color = Color.Magenta)
            .padding(24.dp)
            .graphicsLayer {
                compositingStrategy = CompositingStrategy.Offscreen
            }
            .drawWithCache {
                val path = Path()
                path.addOval(
                    oval = Rect(
                        topLeft = Offset.Zero,
                        bottomRight = Offset(size.width, size.height)
                    )
                )

                onDrawWithContent {
                    clipPath(path) {
                        [email protected]()
                    }

                    val dotSize = size.width / 8f
                    val dotCenter = Offset(
                        x = size.width - dotSize,
                        y = size.height - dotSize
                    )
                    // Clip the Circle to draw the dot.
                    drawCircle(
                        color = Color.Black,
                        radius = dotSize,
                        center = dotCenter,
                        blendMode = BlendMode.Clear
                    )

                    drawCircle(
                        color = Color.Green,
                        radius = dotSize * .8f,
                        center = dotCenter,
                    )
                }
            }
    ) {
        Box(modifier = Modifier.size(700.dp).background(color = Color.Blue))
    }
}