Uncaught SyntaxError: Unexpected token '.' Javascript Canvas

Uncaught SyntaxError: Unexpected token '.' Javascript Canvas

JS 不会响应 canvas。这是 HTML 代码。请帮忙。如果您发现任何错误(语法、拼写错误等),请在评论中告诉我。

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="Index.css">
    <meta charset="utf-8">
    <title>
    
    </title>
  </head>
  <body>
    <h1>Ball Running Game</h1>
    <h2>STILL IN BETA MODE</H2>
    <canvas id="GameHolder" class="Canvas" width="500" height="400" 
            style="border:1px solid #000000;">
    </canvas>
    <script>
      var c = document.getElementById("GameHolder");
      var ctx = c.getContext("2d");
      ctx.beginPath();
      ctx.arc(100, 75, 50, 0, 2 * Math.PI);
      ctx.stroke();
    </script>
  </body>
</html>

我 运行 在我的笔记本电脑上显示没有错误

我做了一个很小的改动

你可以 运行 或者问题不在你的代码中它在你的系统中

<html>
<head>
<link rel="stylesheet" type="text/css" href="Index.css">
<meta charset="utf-8">
<title>
    
</title>
</head>
<body>
<h1>Ball Running Game</h1>
<h2>STILL IN BETA MODE</H2>
<canvas id="gameholder" class="Canvas" width="500" height="400" style="border:1px solid 
#000000;"></canvas>
<script>var c = document.getElementById("gameholder");
var ctx = c.getContext("2d");

ctx.beginPath();
ctx.arc(100, 75, 50, 0, 2 * Math.PI);
ctx.stroke();
</script>
</body>
</html>

点赞