我目前正在从事一个JavaScript项目,该项目使用HTML5画布作为渲染目标。为了使我的代码与我提供的(严格规定的)接口配合得好,我需要能够获取字体的上升和下降高度。这将允许客户更准确地定位文本。我知道可以通过设置textBaseline
属性来更改文本的绘制位置,但我实际上需要描述这些不同高度的数字值。是否有简单的方法来做到这一点?如果没有,是否有一个(希望轻量级的)库可以帮我处理?我找到的大多数提议解决方案都是重量级字体渲染库,这似乎对这个问题来说是完全不必要的。
我目前正在从事一个JavaScript项目,该项目使用HTML5画布作为渲染目标。为了使我的代码与我提供的(严格规定的)接口配合得好,我需要能够获取字体的上升和下降高度。这将允许客户更准确地定位文本。我知道可以通过设置textBaseline
属性来更改文本的绘制位置,但我实际上需要描述这些不同高度的数字值。是否有简单的方法来做到这一点?如果没有,是否有一个(希望轻量级的)库可以帮我处理?我找到的大多数提议解决方案都是重量级字体渲染库,这似乎对这个问题来说是完全不必要的。
ctx.measureText("text").width
。我认为是这样的。如果你还需要,我会再次确认它。 - Ryan Amos