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

Question

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

Answer 1

由于您的问题明确要求不将文本插入dom中，因此排除了通常使用的方法，只需将其插入视口外，然后在那里进行测量。

另一种方法：画布2D渲染上下文的measureText函数，如果您知道将提前应用哪种样式（字体宽度），则可用于确定宽度。

某些高级CSS规则（例如letter-spacing）可能会使这些结果不准确。