I am trying to size a canvas based on an image that I draw into the canvas, but there is a mismatch between the size the canvas expect (dp) and the size of the image (pixels). Is there a way to go around this?

@Composable
fun Panel(image: ImageBitmap) {
    Canvas(modifier = Modifier
        .size(image.width.dp, image.height.dp) // doesn't work (mismatch size)
        .border(1.dp, Color.Red)) {
        drawIntoCanvas { canvas ->
            canvas.withSave {
                canvas.drawImage(image, Offset(0f, 0f), Paint())
            }
        }
    }
}

What kind of a mismatch?

dp != pixel

You can look at

LocalDensity

to convert between the two

you want

toDp()

not

dp

Using combination of the 2, it now works

val canvasWidth = with(LocalDensity.current) { image.width.toDp() }

Thank you

Yes, it needs a proper context

Yep, it’s only available when there’s a

Density

in the receiver

thank you for the help. this has resolved my problem