如何使用JavaScript和canvas arc（）方法更改重叠圆的大小？

我能够使用canvas arch方法剔除一个静态图像，我有一个for循环，但我仍然无法理解为什么for循环不从圆圈变量中减去选定的数字。我一直在研究如何创建一个for循环，当用户移动滑块时，该循环会使圆圈改变大小并适当地改变颜色

//画布常数 const canvas=document.getElementById'myCanvas'； const ctx=canvas.getContext'2d'； const centerX=canvas.width/2； const centerY=canvas.height/2； 常数半径=200； //滑块 让slider=document.getElementByIdmyRange； 让带宽=document.getElementByIdbandWidth； bandWidth.innerHTML=slider.value； slider.oninput=函数{ bandWidth.innerHTML=this.value； //console.logthis.value； 让输入=this.value； 设圆=半径；

---

对于input；input您的代码似乎可以正常工作，只需稍加修改

我在循环中引入了一个额外的变量I，以跟踪当前迭代并在颜色之间交替

//画布常数 const canvas=document.getElementById'myCanvas'； const ctx=canvas.getContext'2d'； const centerX=canvas.width/2； const centerY=canvas.height/2； 常数半径=200； //滑块 让slider=document.getElementByIdmyRange； 让带宽=document.getElementByIdbandWidth； bandWidth.innerHTML=slider.value； 函数图{ bandWidth.innerHTML=this.value； //console.logthis.value； 让输入=this.value； 设圆=半径； ctx.clearRect0，0，canvas.width，canvas.height forlet i=0；输入 当前波段与：