Fatal编程技术网
  • javascript/
  • Javascript中的RequestAnimationFrame

Javascript中的RequestAnimationFrame

javascript canvas

Javascript中的RequestAnimationFrame,javascript,canvas,requestanimationframe,Javascript,Canvas,Requestanimationframe,我想在画布上设置一段圆（45度）的动画。但由于某些原因，它不会起作用。我做错了什么 那么： ctx.arc(canvas.width / 2, canvas.height / 2, startAngle, endAngle * percent, false); 不确定是否正确使用了requestAnimationFrame（）的参数。代码中有几个错误。该问题与requestAnimationFrame无关 您需要endAngle成为要设置动画的三角形，即45度。您正在使用线性函数进行动画，

我想在画布上设置一段圆（45度）的动画。但由于某些原因，它不会起作用。我做错了什么

那么：

 ctx.arc(canvas.width / 2, canvas.height / 2, startAngle, endAngle * percent, false);
不确定是否正确使用了
requestAnimationFrame（）
的参数。

代码中有几个错误。该问题与
requestAnimationFrame
无关

  • 您需要
    endAngle
    成为要设置动画的三角形，即45度。您正在使用线性函数进行动画，即
    start+（end-start）*cur
    非
    end*cur
  • 您没有指定半径
  • 您需要检查
    百分比
    是否小于100
    • .

    您第一次在哪里调用
    animate
    ？另外，当百分比达到100%时，你可能会想退出。谢谢，我在花了很长时间试图解决这个问题后，真的失去了注意力。 
     ctx.arc(canvas.width / 2, canvas.height / 2, startAngle, endAngle * percent, false);