Режим наложения холста Jetpack не работает должным образом
Я пытаюсь применить режим наложения к двум фигурам на холсте Jetpack compose. Основываясь на этом блоге, я примерно знаю, как должен выглядеть ожидаемый результат, хотя я не получаю подобных результатов.
Например, со следующим простым Box + Canvas с двумя фигурами, с режимом наложенияSrcIn
Box(
contentAlignment = Alignment.Center,
modifier = Modifier.size(290.dp)
) {
val sizeInPx = with(LocalDensity.current) { 150.dp.toPx() }
Canvas(
modifier = Modifier.fillMaxSize()
) {
drawCircle(
color = Color.Red,
radius = sizeInPx,
)
drawRect(
color = Color.Blue,
size = Size(sizeInPx, sizeInPx),
blendMode = BlendMode.SrcIn
)
}
}
Я бы ожидал увидеть красный круг и синий квадрат, обрезанный по форме красного круга. Тем не менее, выходной пользовательский интерфейс выглядит так, как будто режим наложения вообще не был добавлен.
Что я делаю не так?