IE10兼容性视图,IE9等支持canvas标签

最近项目中使用了canvas用来画验证码,但遇到ie10兼容性视图,及360浏览器的兼容模式就显示不了。项目组木有前端,只能自己搞。

本来显示成如下:

canvas作为h5的标签,ie10以上才能支持。

经过多方查找,最终在验证码的页面的head中加了两行代码:强行引入canvas标签。文件已上传csdn。

下载地址:https://download.csdn.net/download/ljq354004063/9736827

 <!--[if IE]>
    <script src="shell/js/html5shiv.js"></script>
    <script type="text/javascript" src="shell/js/excanvas.js"></script><![endif]--> 


然后展示效果:

明显验证码出来了,但是显示样式明显不对。

于是调整了样式,因为时间紧急,只能根据canvas不同的高度来判断浏览器的版本,采取不用的画图方式。

最终在ie10以下,展示效果如下:(placeholde没出来,后面再解决)

ie10以上,效果略好

猜你喜欢

转载自blog.csdn.net/ljq354004063/article/details/54407759
今日推荐