How to use image loaders with Canvas and drawImage? It seems Canvas API requires ImageBitmap instead...

# compose

[yschimke]

How to use image loaders with Canvas and drawImage? It seems Canvas API requires ImageBitmap instead of Painter, so the image loader APIs like coil rememberImagePainter don't work.

[yschimke]

So far came up with the following. But I guess need to put this behind some facade like rememberImageBitmap. Am I missing something?

var imageBitmap by remember { mutableStateOf<ImageBitmap?>(null) }

    val imageLoader = LocalImageLoader.current
    val context = LocalContext.current

    LaunchedEffect(key1 = null) {
        val result = imageLoader.execute(ImageRequest.Builder(context)
            .data("<https://upload.wikimedia.org/wikipedia/commons/3/31/Wiki_logo_Nupedia.jpg>")
            .allowConversionToBitmap(true)
            .build())

        imageBitmap = result.drawable?.toBitmap()?.asImageBitmap()
    }

[Albert Chang]

Painter class has a draw() function.

[yschimke]

Perfect, thanks. DrawScope.draw(). That's a nice pattern for extending the Canvas API.

[yschimke]

Is this the only way to actually call it?

Canvas(modifier = Modifier.fillMaxSize()) {
            with (bitmap) {
                draw(size = ...)
            }

[Albert Chang]

I think so.