Hello! I have a question, how to draw a custom ima...

# multiplatform

[pierbezuhoff]

Hello! I have a question, how to draw a custom image resource on Canvas?
I tried loading my image via painterResource("path/to/image.png") from compose.resources, but the resulting Painter does not have any DrawScope.draw() method (a la android Painter), or any way to convert it into ImageBitmap

[Sergey Y.]

https://kotlinlang.slack.com/archives/CJLTWPH7S/p1697505845894639?thread_ts=1697473128.729019&cid=CJLTWPH7S

[pierbezuhoff]

Thank you, I got misled by no autocomplete when in the wrong scope it seems

[Muhammad hosein Merati]

how to use this in drawImage? or set offset, because i have a Canvas and i want to show image in canvas

[Sergey Y.]

use what?

[Muhammad hosein Merati]

in my Canvas, i want to show a image with specific size and offset for location,
draw function not have any offset...
drawImage function has offset but it get ImageBitmap instead of ImageVector...

[Sergey Y.]

https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope#drawImage(androidx.compose.ui.graphics.ImageBitmap,androidx.compose.ui.geometry.Offset,kotlin.Float,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.graphics.ColorFilter,androidx.compose.ui.graphics.BlendMode)
that function? it has topLeft which is an offset

[Sergey Y.]

or you can just transform the canvas itself using translate() block

[Muhammad hosein Merati]

yes but it get Imagebitmap, i can not convert my icon to imageBitmap, icons are imageVector

[Sergey Y.]

oh, use painter then with ImageVector.
to offset a drawing use canvas translation

[Sergey Y.]

https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope#(androidx.compose.ui.graphics.drawscope.DrawScope).translate(kotlin.Float,kotlin.Float,kotlin.Function1)

[Muhammad hosein Merati]

thanks a lot, you saved my life :))