requestAnimationFrame-浏览器支持问题

requestAnimationFrame - browser support issues

本文关键字：问题 支持 浏览器 requestAnimationFrame-      更新时间：2023-09-26

http://jsfiddle.net/xwF6E/14/

上面是我正在尝试创建的一个动画的JSfiddle。它在Chrome中运行100%良好，但在其他浏览器中存在各种问题。

在firefox中，它似乎不会渲染动画。根据Mozilla开发人员网络文档@https://developer.mozilla.org/en-US/docs/DOM/window.requestAnimationFrame，我相信我已经添加了跨浏览器支持，但也许我做错了什么。

在IE(至少是8+10(中，它不会渲染动画，也不会渲染我的径向渐变(如果有人能帮忙的话，这也是一个次要问题(。

IE在的这行代码上给我一个IndexSizeError错误

var imageData = context.createImageData(context.canvas.width, context.canvas.height);

但我不确定这具体意味着什么，我也找不到太多关于这个错误/方法的信息。

有谁能启发我吗？

干杯

我猜你现在已经明白了，但对于其他可能感兴趣的人来说，原因是这段试图获得窗口大小的代码：

context.canvas.width = document.width;
context.canvas.height = document.height;

你会想做一些更像这样的事情：

context.canvas.width = document.body.clientWidth;
context.canvas.height = document.body.clientHeight;

尽管它实际上可能比这复杂一点。有关查找窗口高度和宽度的详细信息，请参见此部分：http://www.howtocreate.co.uk/tutorials/javascript/browserwindow

这是经过改装的小提琴：http://jsfiddle.net/shaunwest/MALN2/

相关文章：