供应商以“requestAnimationFrame”为前缀的实现之间有什么不同？

Question

编辑:这个问题现在只具有历史意义：

似乎已经删除了供应商前缀和特定于供应商的行为。

如果你愿意的话，可以问一个关于如何模仿老供应商的行为的问题。

Chrome、Firefox、Internet和Opera可能对requestAnimationFrame分别具有不同的功能：

• webkitRequestAnimationFrame
• mozRequestAnimationFrame
• msRequestAnimationFrame
• oRequestAnimationFrame

规格说明很清楚他们应该分享什么行为，但是有没有人对他们的区别有一个权威的答案？

编辑:目前，我正在接受我自己的答案。我仍然对IE 10的实现细节感兴趣，如果Opera实现它，Opera的，我会更新问题，如果有任何重大的差异。

Answer 1

我找到的最好的资源是

https://developer.mozilla.org/en/DOM/window.requestAnimationFrame

它只处理webkit和moz变体。

moz：您可以调用没有参数的requestAnimationFrame；这将导致在浏览器准备绘制动画帧时触发MozBeforePaint事件。

window.mozRequestAnimationFrame();
window.addEventListener("MozBeforePaint", function(event){
  //event.timeStamp has the next repaint time
  /* animation code here*/
}, false); 

webkit：您可以使用第二个参数调用requestAnimationFrame，该参数应该是动画的DOM元素；这将导致只在该DOM元素可见时调用动画函数。

(对于Chrome) 示例：，您可以通过打开控制台并观察动画函数发出的日志消息只有在画布可见时才生成日志消息。

这使得Opera和IE的变体无法处理。