DrawWithContent vs DrawBehind

DrawBeforeDrawBehind.kt

@Preview
@Composable
fun DrawBefore() {
    Box(
        modifier = Modifier.fillMaxSize(),
        contentAlignment = Alignment.Center
    ) {
        Card(
            shape = RoundedCornerShape(8.dp)
            ,modifier = Modifier
            .size(100.dp)
            .drawWithContent {
                drawContent()
                drawCircle(Color(0xffe7614e), 18.dp.toPx() / 2, center = Offset(drawContext.size.width, 0f))
            }
        ) {
            Image(painter = painterResource(id = R.drawable.diana), contentDescription = "Diana")
        }
    }
}

@Preview
@Composable
fun DrawBehind() {
    Box(
        modifier = Modifier.fillMaxSize(),
        contentAlignment = Alignment.Center
    ) {
        Card(
            shape = RoundedCornerShape(8.dp)
            ,modifier = Modifier
                .size(100.dp)
                .drawBehind {
                    drawCircle(Color(0xffe7614e), 18.dp.toPx() / 2, center = Offset(drawContext.size.width, 0f))
                }
        ) {
            Image(painter = painterResource(id = R.drawable.diana), contentDescription = "Diana")
        }
    }
}

// https://compose.funnysaltyfish.fun/docs/design/graphics/customDraw