Draw text on Jetpack Compose Canvas

ComposeCanvasText.kt

val textPaint = Paint().asFrameworkPaint().apply {
    isAntiAlias = true
    textSize = 24.sp.toPx()
    color = android.graphics.Color.BLUE
    typeface = Typeface.create(Typeface.MONOSPACE, Typeface.BOLD)
}
Canvas(
    modifier = modifier.fillMaxSize(),
    onDraw = {
        drawIntoCanvas {
            it.nativeCanvas.drawText(
                "My Jetpack Compose Text"
                0f,            // x-coordinates of the origin (top left)
                120.dp.toPx(), // y-coordinates of the origin (top left)
                textPaint
            )
        }
    }
)

There's very little documentation on drawing custom shapes. Thanks for this.

cannot find this : 24.sp.toPx()

@gybin02 add this import
import androidx.compose.ui.unit.sp