Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/drupal/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript和CSS动画_Javascript_Css_Flot_Css Animations - Fatal编程技术网

Javascript和CSS动画

Javascript和CSS动画,javascript,css,flot,css-animations,Javascript,Css,Flot,Css Animations,我有无限动画(滑动)背景和动态更新图表(flot.js)的网站。图表每200毫秒更新一次,背景通过CSS动画滑动(无限平移3D)。Android上的性能问题:当图表重画时,css动画会停止几毫秒,所以看起来像是8-10 fps的游戏:)有什么技巧可以解决这个问题吗?不要使用setInterval每隔200毫秒制作图表动画,尝试使用 可以支持它的浏览器中的window.requestAnimationFrame()。该功能允许浏览器决定继续动画的最佳时间。 这可能取决于背景图像的图像大小。它特别大

我有无限动画(滑动)背景和动态更新图表(flot.js)的网站。图表每200毫秒更新一次,背景通过CSS动画滑动(无限平移3D)。Android上的性能问题:当图表重画时,css动画会停止几毫秒,所以看起来像是8-10 fps的游戏:)有什么技巧可以解决这个问题吗?

不要使用setInterval每隔200毫秒制作图表动画,尝试使用 可以支持它的浏览器中的window.requestAnimationFrame()。该功能允许浏览器决定继续动画的最佳时间。

这可能取决于背景图像的图像大小。它特别大吗?不,它是400x200的全屏图片。这是网站:谢谢,我会尝试使用它!