javascript - 在插入 DOM 之前计算文本大小

Question

是否可以在将文本插入 DOM 之前计算文本的高度？div 容器的宽度是已知的，但我需要一种方法在插入之前计算其高度。一行文本的高度也是已知的(css)，因此可以通过将一行的高度乘以行数来计算高度，但问题是这是否可以在 DOM 之前计算出来。

Answer 1

由于您的问题明确要求文本不要插入到 dom 中，这排除了通常使用的简单将其插入视口(viewport)之外然后在那里进行测量的方法。

另一种方法: Canvas 2D 渲染上下文的 measureText如果您提前知道将应用哪种样式(字体宽度)，则可以使用该函数来确定宽度。

一些高级 CSS 规则(例如 letter-spacing)可能会使这些结果不准确。