HTML5 Canvas：沿文本基线绘制线条

Question

HTML5 Canvas API 可以绘制水平线描边，还可以沿各种排版基线（悬挂、字母、表意）对齐文本。 但是它可以沿着这些相同的基线对齐线条笔划，从 WHATWG 规范中生成类似于此图像的内容吗？

Answer 1

不幸的是，目前只有 chrome 可以帮助您解决这个问题，因为它是唯一完全支持TextMetrics对象的流行浏览器，该对象提供有关当前字体大小的更多信息，允许您计算各种基线。

使用CanvasRenderingContext2D.measureText()获取TextMetrics对象。 有关更多信息，请参阅MDN TextMetrics 。