为什么fillText不会出现在画布中？

Question

尝试将fillStyle颜色更改为许多不同的颜色，也是不同的位置，但没有。控制台也没有错误。我已经在画布上绘制了tileset和sprite，这与它有什么关系吗？我只需要在按键上的每个字符移动上打印出一个简单的文字。

以下是代码：

isErrorState

其余代码：

function move(e) {
  if (e.keyCode == 39) {
    boatPosX += 5;
    view.x -= 5
    moveCount++;
    context.fillStyle = "red";
    context.fillText(theArray[0].question, 0, 0);
    console.log(theArray[0].question);
  }

Answer 1

似乎是因为你试图把文字放在0,0。默认情况下，文本将被绘制在Y位置0的上方（因此不在画布的顶部，这就是为什么你看不到任何东西）。如果你把它设为0,10或0,20那么你可能会看到一些文字。

可以像这样更改文本基线，所以在0,0你会看到一些东西......

context.textBaseline = "top";