回答編集履歴

1

文言

2021/06/28 04:24

投稿

int32_t
int32_t

スコア21695

test CHANGED
@@ -3,3 +3,7 @@
3
3
 
4
4
 
5
5
  line-height 80px に対して、[actualBoudingBoxAscent](https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics/actualBoundingBoxAscent) + [actualBoundingBoxDescent](https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics/actualBoundingBoxDescent) の値でセンタリングをして、上の座標に actualBoudingBoxAscent を足した値をベースラインとして fillText() に指定するとどうでしょうか。
6
+
7
+
8
+
9
+ fontBoudingBoxAscent fontBoundingBoxDescent の方が正確なはずですが、Firefox が未対応のようです。