如何连续旋转画布圆圈？

<canvas id="myCanvas" width="400" height="400"></canvas>

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

var angle = 0;

function drawCircle() {
  // 清空画布
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  
  // 保存当前的画布状态
  ctx.save();
  
  // 将画布的原点移动到画布中心
  ctx.translate(canvas.width / 2, canvas.height / 2);
  
  // 旋转画布
  ctx.rotate(angle * Math.PI / 180);
  
  // 绘制圆圈
  ctx.beginPath();
  ctx.arc(0, 0, 100, 0, 2 * Math.PI);
  ctx.stroke();
  
  // 恢复画布状态
  ctx.restore();
  
  // 更新旋转角度
  angle += 1;
  
  // 使用requestAnimationFrame方法实现动画效果
  requestAnimationFrame(drawCircle);
}

// 调用函数开始绘制旋转的圆圈
drawCircle();