canvasにおいて特定の要素だけアニメーションさせる

javascriptのcanvas要素で絵を描いています。
特定の要素のみアニメーションさせて、他の描画結果は残しておきたい（clearRectしない）方法って何かありますでしょうか？
以下の実行結果において、白線で描かれた円周のみclearRectしたいのですが・・・・。
実行結果

javascript
1(function () {
2    //処理
3let canvas = document.getElementById("myCanvas_3");
4let context = canvas.getContext("2d");
5
6/*
7let n = 10;
8context.beginPath();
9context.moveTo(250+100+50*Math.cos(0),250+100+50*Math.sin(0))
10for(let i=1; i<n; i++){
11    context.lineTo(250+100+50*Math.pow(-1,i)*Math.cos(Math.PI*2*i/n),250+100+50*Math.pow(-1,i)*Math.sin(Math.PI*2*i/n))
12}
13context.fill();
14*/
15
16setInterval(draw,100);
17
18let m = 10;
19let dm = 4;
20
21context.fillRect(0,0,500,500);
22
23function draw(){
24
25    
26    if(dm > 0){
27        context.beginPath();
28        context.fillStyle = "red";
29        context.arc(500*Math.random(),500*Math.random(),100*Math.random(),0,Math.PI*2);
30        context.fill();
31    }
32
33    if(dm < 0){
34        context.beginPath();
35        context.fillStyle = "black";
36        context.arc(500*Math.random(),500*Math.random(),100*Math.random(),0,Math.PI*2);
37        context.fill();
38    }
39    
40    context.beginPath();
41    context.strokeStyle = "white";
42    context.arc(250,250,2*m,0,Math.PI*2);
43    context.stroke();
44
45    m += dm;
46    if(m > 60 || m < 10){
47        dm = -dm;
48    }
49}
50
51
52}());