用Raphael调用requestAnimationFrame是否会受到性能影响？

Question

我正在研究一个资源匮乏的Web应用程序,该应用程序严重依赖Raphael.js大约50%的动画使用,其余的我已经推出了自己的动画方法,它使用webkitRequestAnimationFrame和Web Audio API的context.currentTime将动画与音频组件同步.

我目前正在经历相当糟糕的表现,并且通过Raphael的来源我看到它也使用了requestAnimationFrame.当我的动画和Raphael's同时运行时,我遇到的大部分延迟似乎都会发生.这是因为requestAnimationFrame基本上每个绘制周期被调用两次吗？

基本上我要问的是基本上我是否必须重新推出我自己的raphael对象动画实现并将其粘贴到我现有的requestAnimationFrame中？

Answer 1

嗯，据我所知，RAF 的重点是同步所有内容，以便为下一次渲染更新做好准备。我会做和你完全相同的事情，因为这就是它的重点。

根据规范：

期望用户代理将按照与显示器刷新率匹配的固定时间间隔运行来自动画任务源的任务。以较低速率运行任务可能会导致动画显得不流畅。以更高的速率运行任务可能会导致额外的计算发生，而不会给用户带来明显的好处。

所以我想说不，它不应该对性能造成影响。