为什么球没有从正确的坐标开始？

// 假设我们有一个Ball类来表示球
class Ball {
  constructor(x, y, radius) {
    this.x = x;
    this.y = y;
    this.radius = radius;
  }

  draw(ctx) {
    ctx.beginPath();
    ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
    ctx.fillStyle = "#0095DD";
    ctx.fill();
    ctx.closePath();
  }
}

// 初始化画布和上下文
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');

// 创建球实例，注意检查这里的坐标是否正确
const ball = new Ball(100, 100, 20); // 假设(100, 100)是正确的起始坐标

// 绘制球
function draw() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ball.draw(ctx);
}

// 游戏循环
function gameLoop() {
  draw();
  requestAnimationFrame(gameLoop);
}

gameLoop();