如何使用JavaScript在画布元素上添加加载器？

<canvas id="loaderCanvas"></canvas>

const canvas = document.getElementById('loaderCanvas');
canvas.width = 200; // 设置画布宽度
canvas.height = 200; // 设置画布高度

function drawLoader() {
  const ctx = canvas.getContext('2d');
  const centerX = canvas.width / 2;
  const centerY = canvas.height / 2;
  const radius = 50;
  const lineWidth = 10;
  const startAngle = 0;
  const endAngle = Math.PI * 2;

  ctx.clearRect(0, 0, canvas.width, canvas.height);

  ctx.beginPath();
  ctx.arc(centerX, centerY, radius, startAngle, endAngle);
  ctx.lineWidth = lineWidth;
  ctx.strokeStyle = '#ccc';
  ctx.stroke();

  ctx.beginPath();
  ctx.arc(centerX, centerY, radius, startAngle, endAngle * 0.6);
  ctx.lineWidth = lineWidth;
  ctx.strokeStyle = '#00bcd4';
  ctx.stroke();
}

drawLoader();