Hi Folks! Am struggling into drawing a VectorDrawable with the Canvas composable, full info in the :...

# compose

[Marco Pierucci]

Hi Folks! Am struggling into drawing a VectorDrawable with the Canvas composable, full info in the 🧵

[Marco Pierucci]

Am trying to draw a Knob drawable like follows:

[Marco Pierucci]

@Composable
    fun Knob() {
        val knobBitmap = ImageBitmap.imageResource(id = R.drawable.rotary_knob)
        Canvas(Modifier.size(200.dp)) { drawImage(knobBitmap) }
    }

[Marco Pierucci]

and Im getting

[Marco Pierucci]

android.graphics.drawable.VectorDrawable cannot be cast to android.graphics.drawable.BitmapDrawable

[Marco Pierucci]

I get that the following internal call is where the issue resides :

fun ImageBitmap.Companion.imageResource(res: Resources, @DrawableRes id: Int): ImageBitmap {
    return (res.getDrawable(id, null) as BitmapDrawable).bitmap.asImageBitmap()
}

[Marco Pierucci]

as is a VectorDrawable rather thana BitmapDrawable

[Marco Pierucci]

but then what would be the APi to achieve what Im trying?

[Marco Pierucci]

something like

resources.getDrawable(R.drawable.rotary_knob, null)
            .toBitmap(200 ,200)

works, but I was hopping there is a better approach?

[Ian Lake]

Vector assets are loaded via `painterResource`: https://developer.android.com/jetpack/compose/resources#vector-assets

[nglauber]

You can do the following:

val vectorPainter = rememberVectorPainter(           
ImageVector.vectorResource(R.drawable.ic_android_orange)
)
Canvas {
    with(vectorPainter) {
        draw(Size(96.dp.toPx(), 96.dp.toPx()))
    }
}

[Marco Pierucci]

Vector assets are loaded via `painterResource`: https://developer.android.com/jetpack/compose/resources#vector-assets

Isn´t that for Image/Icon Comopsable? drawImage from the Canvas DrawScope does not requires a painter, but a ImageBitmap

[Ian Lake]

Painter has a DrawScope.draw method: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/painter/Painter.html#draw(androidx.compose.ui[…]ui.graphics.ColorFilter)

[Marco Pierucci]

Oh I see, thanks both!