如何将绘图中的矩形与roboflow和jetpack组合对齐?

我正在尝试实现一个检测漫画气泡语音的功能。

我正在拍摄我的设备的屏幕截图,并从API接收响应,一旦它返回,我就用画布绘制一些矩形。但我似乎无法以任何方式对齐这些矩形。

我的代码:

@Composable
internal fun ScreenShotDrawSpeech(
    bubbleDomain: BubbleDomain,
    modifier: Modifier = Modifier,
) {
    Canvas(
        modifier = modifier
            .fillMaxSize()
            .background(background_overlay),
        onDraw = {
            bubbleDomain.predictions.forEach { prediction ->
                val left = prediction.x
                val top = prediction.y

                drawRect(
                    color = Color.Red,
                    topLeft = Offset(left.toFloat(), top.toFloat()),
                    size = Size(prediction.width.toFloat(), prediction.height.toFloat()),
                    style = Stroke(width = 2f),
                )
            }
        },
    )
}

后果