动画HTML画布背景在Chrome中突然不起作用

所以对于我的个人网站,我使用JavaScript和HTML Canvas创建了动画背景。 它在Firefox,Chrome,Safari等上运行良好,但我最近去检查它,突然间动画在Chrome中无法使用。 它实际上适用于移动版的Chrome,但在Chrome桌面无法使用,这让我认为他们必须改变某些内容。

要设置背景,我使用下面的代码:

            <div class="info" style="background:-webkit-canvas(background) repeat;">
            <div class="info-1" style="background:-moz-element(#background) repeat;">

(我写这篇文章已经有一段时间了,但我认为我同时包括这两个版本才能在Chrome,Safari和Firefox中使用它)。

而且,就脚本而言,我认为这是相关部分:

window.requestAnimFrame = (function (callback) {
      return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) {
          window.setTimeout(callback, 1000 / 30);
      };
  })();

有没有人有任何想法,为什么这可能会在过去的3个月内停止工作?

链接地址: http://www.djcxy.com/p/23041.html

上一篇: Animated HTML Canvas background suddenly not working in Chrome

下一篇: Safari 7.0.3 animate ScrollTop div not working?