javascript - html5画布描边为清晰的线条

Question

我目前有以下内容：

  ctx.save();
  ctx.translate(459,258);
  ctx.rotate(sec * Math.PI/36);
  ctx.lineWidth = 10;
  ctx.beginPath();
  ctx.moveTo(135,0);
  ctx.lineTo(210,0);
  ctx.strokeStyle = 'rgba(0,153,255)';
  ctx.stroke();
  ctx.restore();

画一圈线（笔画）。我想把它转换成一个clearRect，而不是画这个圆圈，我希望它擦除一个相同形状的圆圈......我该怎么做？

我试过这样做，但没有奏效：

  ctx.save();
  ctx.translate(459,258);
  ctx.rotate(sec * Math.PI/36);
  ctx.lineWidth = 10;
  ctx.beginPath();
  ctx.moveTo(135,0);
  ctx.lineTo(210,0);

  ctx.clear();
  ctx.restore();

谢谢。