How to draw text without paddings?

Question

I need to draw a text without paddings to fill all free space of the box.

The sample code is:

@Composable
fun NumberBox(
    number: Int,
    modifier: Modifier = Modifier,
    color: Color = Color.Unspecified,
    fontStyle: FontStyle? = null,
    fontWeight: FontWeight? = null,
    fontFamily: FontFamily? = null,
    textDecoration: TextDecoration? = null,
    textAlign: TextAlign? = null,
    style: TextStyle = LocalTextStyle.current
) {

    val mergedStyle = style.merge(
        TextStyle(
            color = color,
            fontSize = 40.sp,
            fontWeight = fontWeight,
            textAlign = textAlign,
            fontFamily = fontFamily,
            textDecoration = textDecoration,
            fontStyle = fontStyle,
            platformStyle = PlatformTextStyle(includeFontPadding = false),
        )
    )

    val measurer = rememberTextMeasurer()

    val result = measurer.measure(
        number.toString(),
        style = mergedStyle,
        maxLines = 1,
    )

    Canvas(modifier = modifier, onDraw = {
        //drawText(measurer, text = size.toString())
        //drawText(measurer, text = result.size.height.toString())

        scale(1.8f) {
            translate(
                left = center.x - result.size.width / 2,
                top = center.y - result.size.height / 2
            ) {
                drawText(
                    textLayoutResult = result,
                    color = Color.Blue,
                )
                drawLine(
                    color = Color.Green,
                    start = Offset(0f, result.firstBaseline),
                    end = Offset(size.width, result.firstBaseline),
                )
                drawRect(
                    color = Color.Red,
                    size = result.size.toSize(),
                    style = Stroke()
                )
            }
        }
    })
}

The result of execution is:

The red box is measured text size. I need to draw text without paddings. How to do it?

The required result is:

https://i.postimg.cc/wT3cp9GZ/Screenshot-2023-03-12-at-7-05-10-PM.png @Via are you trying to achieve something like this ? — J.K, Mar 12 '23 at 13:35
At least this tells you how to measure the text without space: https://stackoverflow.com/questions/3654321/measuring-text-height-to-be-drawn-on-canvas-android — zomega, Mar 12 '23 at 16:29
https://issuetracker.google.com/issues/171394808 see if this helps — Raghunandan, Mar 12 '23 at 16:38

score 0 · Answer 1 · answered Mar 23 '23 at 14:33

I have not found solution for this issue. The paint.getTextBounds is the closest solution but it doesn't satisfy me.

My final solution is:

In case of composable name is the NumberBox I need only digit glyphs.
Open required font in FontForge and save digits as SVG.
Open SVG in Krita and remove extra paddings.
Import SVG as vector assets in the android project.
Render digits as vector images.

The final solution do exactly what I need. Unfortunately this is not applicable to render anything except numbers.

How to draw text without paddings?

1 Answers1

Linked