Javascript requestAnimationFrame-浏览器支持问题

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

在firefox中，它似乎不渲染动画。根据Mozilla开发网络文档@，我相信我已经添加了跨浏览器支持，但也许我做错了什么

在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;

虽然它实际上可能比这复杂一点。有关查找窗口高度和宽度的详细信息，请参见此：

---

这是修改过的小提琴：

非常感谢！我真的很惊讶能得到这个答案。我的错误是没有更新，我使用的应用程序实际上不需要窗口尺寸，所以我完全避免了这个问题。干杯