Hi guys is there a way to apply bitmap on the shapes we draw on canvas API ?, example if i `drawCirc...

# compose-desktop

[Ch8n]

Hi guys is there a way to apply bitmap on the shapes we draw on canvas API ?, example if i drawCircle(...) how can I put a bitmap image in it so it looks like a circular image view

[Igor Demin]

Will this help?

val image = imageResource("androidx/compose/desktop/example/circus.jpg")

Canvas(Modifier.fillMaxSize()) {
    drawIntoCanvas { canvas ->
        canvas.withSave {
            canvas.clipPath(Path().apply {
                addOval(Rect(0f, 0f, 300f, 300f))
            })
            canvas.drawImage(image, Offset.Zero, Paint())
        }
    }
}

[romainguy]

Path clipping can be expensive

[romainguy]

It’s much better to instead use a bitmap shader to fill the shape

[romainguy]

The shader can be set on the Paint object

[theapache64]

@romainguy Can u give me an updated version of the above example with bitmap shader?

[romainguy]

val p = Paint().apply {
shader = ImageShader(myImageBitmap)
}

[romainguy]

And then when you call drawCircle(…) pass your Paint p

[theapache64]

Understood. 👍 Thanks