在JavaScript中获取字体指标？

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

解决方法

This article on HTML5 Typographic Metrics讨论了这个问题和一个 part solution using CSS – 尽管offsetTop等的整数舍入是一个问题(可能使用getBoundingClientRect()来获取一些浏览器的正确的浮点值).

原文地址：https://www.jb51.cc/js/152759.html