我目前正在开发一个使用 HTML5 画布作为渲染目标的 JavaScript 项目。为了使我的代码能够很好地与我提供的(严格指定的)接口配合使用,我需要能够获取一种字体并提取该字体的上升和下降高度。这将使客户能够更准确地定位文本。我知道我可以通过设置来更改文本的绘制位置textBaseline
属性,但我实际上需要描述这些不同高度的数值。有没有一种简单的方法可以做到这一点?如果没有,是否有一个(希望是轻量级的)库可以为我处理它?我发现的大多数建议的解决方案都是重量级字体渲染库,这对于这个问题来说似乎是巨大的杀伤力。
本文 https://galacticmilk.com/journal/2011/01/html5-typographic-metrics/HTML5 Typography Metrics 讨论了这个问题和使用 CSS 的部分解决方案 https://galacticmilk.com/journal/2011/01/html5-typographic-metrics/#baselineCSS- 虽然 offsetTop 等的整数舍入是一个问题(可能可以使用getBoundingClientRect()
为某些浏览器获取正确的浮点值)。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)