圆圈动画

Question

有人可以帮助我一点点画布，我正在学习它并且不能设法制作一个圆圈，当r达到100时它会回到0动画。所以它是一种缩放图像。

我画了一个这样的圆圈：

<canvas id="myCanvas" width="578" height="200"></canvas>
<script>
  var canvas = document.getElementById('myCanvas');
  var context = canvas.getContext('2d');
  var centerX = canvas.width / 2;
  var centerY = canvas.height / 2;
  var radius = 70;

  context.beginPath();
  context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
  context.fillStyle = 'green';
  context.fill();
  context.lineWidth = 5;
  context.strokeStyle = '#003300';
  context.stroke();
</script>

现在我怎么能用画布为它设置动画，当它的半径达到100时，它会立即回到0，然后再次变为100。

由于