Question

var ctx = space.getContext("2d"); 
var FPS = 40;
var score = 0;
    function scoring(){
      ctx.font = "20px Helvetica";
      ctx.fillStyle = "#001e52";
      if(score<10){
        ctx.fillText(score, center.x+44.5, center.y+57);
      }
      if(score>=10 && score<=99){
        ctx.fillText(score, center.x+38.9, center.y+57);
      }
      if(score>=100 && score<=999){
        ctx.fillText(score, center.x+33, center.y+57);
      }
      if(score>=1000){
        score=0;
      }
    }
    setInterval(scoring, 1000/FPS);

上面的代码正在制作另一个我制作的画布游戏。现在我在我的新游戏中复制并粘贴它并且它不起作用（我显然改变了坐标，所有这些都适合我的新游戏）。当检查Chrome上的元素时，它给了我这个奇怪的错误：未捕获TypeError：ctx.fillText不是函数任何想法可能发生什么？

Answer 1

我不得不删除fillText函数的前一个实例，以便在画布上绘制得分。不知道为什么，但它奏效了。

未捕获的TypeError：ctx.fillText不是函数（Javascript Canvas）

1 个答案: