HTML5 Canvas：沿文本基線繪制線條

Question

HTML5 Canvas API 可以繪制水平線描邊，還可以沿各種排版基線（懸掛、字母、表意）對齊文本。 但是它可以沿着這些相同的基線對齊線條筆划，從 WHATWG 規范中生成類似於此圖像的內容嗎？

Answer 1

不幸的是，目前只有 chrome 可以幫助您解決這個問題，因為它是唯一完全支持TextMetrics對象的流行瀏覽器，該對象提供有關當前字體大小的更多信息，允許您計算各種基線。

使用CanvasRenderingContext2D.measureText()獲取TextMetrics對象。 有關更多信息，請參閱MDN TextMetrics 。