首页 > 解决方案 > 画布无法在 IE 上加载

问题描述

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

标签: htmlcanvas

解决方案


您似乎正在使用箭头功能。这些在 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。


推荐阅读