【问题标题】:Without Canvas(HTML5 element), how to measure TextMetrics like ascent, descent, CapHeight of font in JavaScript没有 Canvas(HTML5 元素),如何在 JavaScript 中测量 TextMetrics,如字体的上升、下降、CapHeight
【发布时间】:2026-02-07 08:15:02
【问题描述】:

注意:

  1. 我需要字体的上升下降和 CapHeight 而不仅仅是行高。
  2. 需要使用客户端脚本 (JavaScipt) 的指标。

【问题讨论】:

  • 嗨,到目前为止,您尝试了哪些方法,您的研究向您展示了什么?你能说为什么不允许使用画布吗?除了 offsetHeight 可能在不同的情况下,您可以使用的东西不多。 JS是你可以使用的吗?还有什么字体类型/格式,看看实际的字体设计信息不是更好吗?

标签: javascript css fonts html5-canvas fontmetrics


【解决方案1】:

您可以使用opentype.js 解析字体以获取字体OS/2 table 中的值。对于上升、下降和上限高度,请使用 sTypoAscender、sTypoDescender 和 sCapHeight 字段。

【讨论】:

    最近更新 更多