Javascript 画布中的textBaseline是如何工作的？

我有一个简单的代码：在画布上画两行文本。画布顶部边框和第一个字母之间怎么可能有空白(█) 在第一行，每行的第一个字母之间没有空格

canvas = window.document.getElementById("canvas")
context = canvas.getContext('2d')
context.fillStyle = "rgba(100,150, 0,1)"
context.textBaseline = 'alphabetic'
context.font = "30px Arial"
context.fillText("█hello", 0, 30)
context.fillText("█hello", 0, 60)

---

在Mac OS X上的Google Chrome上测试。

尝试将textBaseline更改为底部

context.textBaseline = 'bottom'

更多信息请点击此处：

---

谢谢，但还是没用。我在这里举了你的例子，这不是你想要的结果吗？