使用画布在Javascript中做圆周运动

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

ctx.beginPath();
ctx.arc(100, 100, 50, 0, 2 * Math.PI);
ctx.stroke();

setInterval(function() {
  ctx.clearRect(0, 0, canvas.width, canvas.height); // 清除画布
  // 计算新的圆心坐标
  var x = 100 + Math.cos(angle) * radius;
  var y = 100 + Math.sin(angle) * radius;
  // 绘制新的圆
  ctx.beginPath();
  ctx.arc(x, y, 50, 0, 2 * Math.PI);
  ctx.stroke();
  // 更新角度
  angle += speed;
}, 1000 / fps);