js中绘制一个运动的圆弧const DeltaAngle = 360 / 100; // 圆弧进度条每帧增加的角度 const Radius = 100; // 圆弧进度条的半径 const Fps = 60; // 圆弧进度条的动画帧率 let i = 0; // 圆弧进度条的进度，初始为0

可以使用 canvas 绘制一个运动的圆弧，代码如下：

const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
const x = canvas.width / 2;
const y = canvas.height / 2;

function draw() {
ctx.clearRect(, , canvas.width, canvas.height);
ctx.beginPath();
ctx.arc(x, y, Radius, , i * DeltaAngle * Math.PI / 180);
ctx.strokeStyle = '#00ff00';
ctx.lineWidth = 10;
ctx.stroke();
i++;
if (i > 100) {
i = ;
}
}

setInterval(draw, 100 / Fps); // 每秒执行60次，即60帧动画