Javascript 如何修复'；ctx.clearRect不是一个函数'；

我正在尝试制作一个函数，它将帮助我显示一个圆形进度条。但我有一个问题： 未捕获类型错误：ctx.clearRect不是函数

函数生成主题（主题编号、名称、第一次认证、第二次认证、评级、学期）{
让ratingBar=document.getElementById（'rating-bar'）；
让canvasBar=document.createElement（'canvas'）；
canvasBar.className='圆形进度条'+主题编号；
canvasBar.style.width='70px'；
canvasBar.style.height='70px'；
ratingBar.appendChild（canvasBar）；
返回画布
}
设条=[]；
推（生成主体（1））；
设比率1=[80]；
圆形动画（条形、分级1）；
函数圆形动画（条形图、等级）{
for（设i=0；i=额定值[i]）{
清除超时（sim）；
//在此处添加将在进度完成时运行的脚本
}
否则{
al[i]++；
}
}
sim=设置间隔（progressSim，40）；
}
}

---

您试图直接在

画布上调用
上下文
方法，而不是画布的上下文。您需要首先使用
画布的
.getContext（“2d”）
方法，并在从该调用返回的上下文上调用这些方法


函数生成主题（主题编号、名称、第一次认证、第二次认证、评级、学期）{
让ratingBar=document.getElementById（'rating-bar'）；
让canvasBar=document.createElement（'canvas'）；
canvasBar.className='圆形进度条'+主题编号；
canvasBar.style.width='70px'；
canvasBar.style.height='70px'；
ratingBar.appendChild（canvasBar）；
返回画布
}
设条=[]；
推（生成主体（1））；
设比率1=[80]；
圆形动画（条形、分级1）；
函数圆形动画（条形图、等级）{
for（设i=0；i