Scale content to max height and width keeping aspect ratio

Questions
1

Is there some simple function where I can fit a content into a given height and width, so that the aspect ratio is untouched?
Like fit-content([This content should fit exactly into one text line even if the line width is only 2 cm], max-width: 100%, max-height: 9pt) When the line is widther than the content at max-height, it should be at most max-height and be left-aligned. AI gave me some measure codes for this, which did not compile. I feel that this should be built in the compiler. I think for images this logic exists. So maybe for content, too? Does this already exist?

2

Does this work for you?

#set page(height: auto, width: 20em, margin: 1em, background: context grid(
  // Draw 9pt stripes for reference
  columns: (1fr,),
  align: top,
  rows: (page.margin,) + (9pt, par.spacing) * 10,
  fill: (x, y) => if calc.odd(y) { teal.transparentize(75%) },
  ..([],) * 20
))


#let fit-content(max-width: 100%, max-height: 9pt, body) = layout(available => {
  let max-width = if type(max-width) == length {
    max-width
  } else {
    assert.eq(type(max-width), ratio)
    max-width * available.width
  }

  let (width, height) = measure(body)
  let factor = 100% * calc.min(max-width / width, max-height / height)

  scale(factor, reflow: true, body)
})


#for n in (2, 5, 7, 20, 30) {
  fit-content(max-width: 100%, max-height: 9pt, lorem(n))
}
#fit-content(max-width: 100%, max-height: 9pt)[
  This content should fit exactly into one text line even if the line width is only 2 cm.
]

图片
图片933×508 77.4 KB

In that case, you can tell AI the error message. It’s a good chance that AI can fix it at last.

3

Thank you very much! It does work perfectly. I had to wrap a #box(...) around, otherwise I got an extra 1cm of vertical space which was hard to get away. But with the box it works expected!