javascript - 查找渲染/可见文本的高度

Question

我知道如何获得字体的高度:

通过将文本放在 div 中并获取 div 的偏移高度。

但我想得到这个实际高度(这取决于字体系列):

使用基于网络的编程是否有可能以任何方式实现？

Answer 1

有没有简单的解决办法？我认为答案是否定的。

如果您接受更复杂(和处理器密集型)的解决方案，您可以试试这个:

将文本渲染到 Canvas ，然后使用 canvasCtx.getImageData(..) 检索像素信息。接下来，您将执行类似于此伪代码描述的操作:

first_y : null
last_y : null
for each y:
    for each x:
        if imageData[x][y] is black:
            if first_y is null:
                first_y = y
            last_y = y
height = last_y - first_y

这基本上是寻找字母(黑色像素)的顶部(最低 y 索引)和底部(最高 y 索引)，然后减去以检索高度。