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

Question

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

Answer 1

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

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