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

Question

HTML5 Canvas API可以绘制水平线条笔划，它还可以沿着各种印刷基线（悬挂，字母，表意）对齐文本。但是它可以沿着相同的基线对齐线条笔划，产生类似this image from the WHATWG spec的东西吗？

Answer 1

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

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