我目前正在开发一个使用 HTML5 Canvas 作为呈现目标的 JavaScript 项目。为了让我的代码能够很好地与我提供的(严格指定的)接口(interface)一起使用,我需要能够获取一种字体并提取该字体的上升和下降高度。这将使客户能够更准确地定位文本。我知道我可以通过设置 textBaseline
属性来更改文本绘制的位置,但实际上我需要描述这些不同高度的数值。有没有简单的方法可以做到这一点?如果没有,是否有一个(希望是轻量级的)库可以为我处理它?我发现的大多数提议的解决方案都是重量级字体渲染库,这对于这个问题来说似乎是大材小用。
最佳答案
This article在 HTML5 Typographic Metrics 上讨论了这个问题和一个 part solution using CSS - 尽管 offsetTop 等的整数舍入是一个问题(可能可以使用 getBoundingClientRect()
为某些浏览器获取正确的浮点值)。
关于javascript - 在 JavaScript 中获取字体指标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6164962/