`translate { scale { rotate { drawImage(...) } } }...

# compose

[Dominaezzz]

translate { scale { rotate { drawImage(...) } } } in what order are these transformations applied to the drawn image?

[Dominaezzz]

Nvm, just dunno how to use scale properly lol.

[Nader Jawad]

The transformations are applied in the order in which they are used. In this case translate, scale and rotate in that order. If there are multiple transformations that are used for a single (or multiple) draw calls consider using the withTransform API that provides a scoped transformation block that will batch the transformations with a single save/restore call internally so its a bit more optimized and saves on indentation/curly braces

[Nader Jawad]

There's an example of the withTransform API here as well: https://cs.android.com/androidx/platform/frameworks/support/+/androidx-master-dev:compose/ui/ui-graphics/samples/src/main/java/androidx/compose/ui/graphics/samples/DrawScopeSample.kt;l=61?q=DrawScopeSample

[Dominaezzz]

Oh, for me the transformations are applied in the reverse order. (Which is what I was expecting)

[Dominaezzz]

Thanks for the withTransform hint.