Режим наложения холста 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
                    )

            }
}

Я бы ожидал увидеть красный круг и синий квадрат, обрезанный по форме красного круга. Тем не менее, выходной пользовательский интерфейс выглядит так, как будто режим наложения вообще не был добавлен.

Что я делаю не так?

0 ответов