画布无法在IE上加载

Question

我正在处理HTML画布中的一个很酷的东西，它在IE以外的任何浏览器上都可以完美运行。没有人知道它是否得到了完全支持，即使它声明应该支持。还是我犯了某种错误。

 <canvas height="500px" width="500px">
    Doesnt support it
</canvas>
<script type="text/javascript" src="canvas.js"></script>

您可以在http://wolfx.one/stars/上访问我的上传版本 或直接在此处进行Codepen：https://codepen.io/lukagurovic/pen/bOxZOq

Answer 1

您似乎正在使用箭头功能。 IE不支持这些功能，它们似乎是造成您问题的原因： https://caniuse.com/#feat=arrow-functions

在IE中显然支持画布： https://caniuse.com/#search=canvas

我创建了您的Codepen的分支。但是，codepen似乎在IE中不起作用。但是您应该使用其他浏览器查看代码

https://codepen.io/anon/pen/GPXLrW

例如

addEventListener('resize', () => { 
    ///...
})

应更改为

addEventListener('resize', function() { 
    ///...
})

要支持IE。