在JavaScript中获取字体指标？

Question

我目前正在开发一个使用HTML5画布作为渲染目标的JavaScript项目.为了让我的代码能够很好地使用我提供的(严格指定的)接口,我需要能够获取字体并提取该字体的上升和下降高度.这将允许客户更准确地定位文本.我知道我可以通过设置textBaseline属性来改变文本绘制的位置,但实际上我需要描述这些不同高度的数值.有一个简单的方法吗？如果没有,是否有一个(希望轻量级)库可以为我处理它？我发现的大多数提出的解决方案都是重量级字体渲染库,对于这个问题来说,这似乎是一种大规模的过度杀伤.

Answer 1

这篇关于 HTML5 Typography Metrics 的文章讨论了这个问题以及使用 CSS 的部分解决方案- 尽管 offsetTop 等的整数舍入是一个问题（可能可以用来getBoundingClientRect()为某些浏览器获取正确的浮点值）。