如何在jQuery / javascript中获取文本顶部的位置，而不是文本元素

Question

我不确定这是否可行，但这里有：

我想找到一些文字的y坐标。就我的目的而言，包含该文本的元素的y坐标是不够的。原因如下：

http://jsfiddle.net/3kh3p/

在上面的jsfiddle中有两个字符，一个在格鲁吉亚，一个在Verdana。它们都位于绝对顶部：0。正如你所看到的，Verdana角色的起点低于乔治亚角色。

我需要相当准确地得到文本本身的y坐标，因为我使用该值使用PHP的imagettftext函数将文本写入图像，并且输出5或10像素是不行的。

有办法吗？

Answer 1

我能想到的唯一方法是将文本（fillText）绘制到canvas element，然后查询元素的pixel data（getImageData等）根据你想要使用的标准找出给定角色实际上垂直开始的位置（例如，你是否想要忽略向上的衬线，等等）。不是为了胆小的人，如果有任何其他方法可以实现你的总体目标，我会去别处看看。