HTML5技术

js封装成插件-------Canvas统计图插件编写 - 蒋世超(3)

字号+ 作者:H5之家 来源:H5之家 2017-09-12 09:00 我要评论( )

1 ( function (){ 2 var lastTime = 0 ; requestAnimationFrame = window.requestAnimationFrame; 6 var cancelAnimationFrame = window.cancelAnimationFrame; prefix; ( var i = 0; i prefixes.length; i++ ) { 1

1 (function(){ 2 var lastTime = 0; requestAnimationFrame = window.requestAnimationFrame; 6 var cancelAnimationFrame = window.cancelAnimationFrame; prefix; ( var i = 0; i < prefixes.length; i++ ) { 11 if ( requestAnimationFrame && cancelAnimationFrame ) { 12 break; 13 } 14 prefix = prefixes[i]; 15 requestAnimationFrame = requestAnimationFrame || window[ prefix + 'RequestAnimationFrame' ]; 16 cancelAnimationFrame = cancelAnimationFrame || window[ prefix + 'CancelAnimationFrame' ] || window[ prefix + 'CancelRequestAnimationFrame' ]; 17 } ( !requestAnimationFrame || !cancelAnimationFrame ) { 21 requestAnimationFrame = function( callback, element ) { 22 var currTime = new Date().getTime(); timeToCall = Math.max( 0, 16 - ( currTime - lastTime ) ); 25 var id = window.setTimeout( function() { 26 callback( currTime + timeToCall ); 27 }, timeToCall ); 28 lastTime = currTime + timeToCall; 29 return id; 30 }; 31 cancelAnimationFrame = function( id ) { 32 window.clearTimeout( id ); 33 }; 34 } 35 36 window.requestAnimationFrame = requestAnimationFrame; 37 window.cancelAnimationFrame = cancelAnimationFrame; 38 }());

 

 

附上<script>调用

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 【前端技术】nodejs安装扩展插件,总是报错enoent的解决方案 - 星点design

    【前端技术】nodejs安装扩展插件,总是报错enoent的解决方案 - 星点d

    2017-09-10 08:01

  • AmazeUI(妹子UI)中CSS组件、JS插件、Web组件的区别 - 长沙游哥

    AmazeUI(妹子UI)中CSS组件、JS插件、Web组件的区别 - 长沙游哥

    2017-08-01 09:00

  • IDEA安装vue开发插件 - PC.aaron

    IDEA安装vue开发插件 - PC.aaron

    2017-07-14 08:05

  • 【干货】Chrome插件(扩展)开发全攻略 - 我是小茗同学

    【干货】Chrome插件(扩展)开发全攻略 - 我是小茗同学

    2017-07-12 13:00

网友点评
n