Question

我不知道我的代码在哪里被破坏了。为什么在我的脚本中无法识别我的上下文？

我在这方面遇到麻烦： this.context = this.canvas.getContext（“2d”）;

错误讯息：未捕获的TypeError：this.canvas.getContext不是函数

我想知道为什么我的帆布剂不能识别？你能给我一个建议吗？

var myGameArea = {
    canvas : document.getElementById("canvas_screen"),
    start : function() {
        this.context = this.canvas.getContext("2d");
        this.interval = setInterval(updateGameArea, 20);
    },
    clear : function() {
        this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
    },
  logger : function() {
    alert("log---");  
  }
}

Answer 1

我在Google Chrome和Mozilla Firefox浏览器中都尝试过您的代码，但它似乎运行良好。

以下是我尝试的代码：

<html>
<head>
    <script type="text/javascript">
       var myGameArea = {
      canvas : document.getElementById("canvas_screen"),
      start : function() {
        this.context = this.canvas.getContext("2d");
        this.interval = setInterval(updateGameArea, 20);
      },
      clear : function() {
        this.context.clearRect(0, 0, this.canvas.width,  this.canvas.height);
     },
     logger : function() {
     alert("log---");  
    }
  }
   </script>
</head>
<body>
  <canvas id="canvas_screen" style="z-index:0;background-color:#000000;  position:fixed;top:20%;left:2%;">
</body>

</html>

在html5中使用canvas遇到了一些麻烦

1 个答案: