最近项目中使用了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以下,展示效果如下:(placeholder没出来,后面再解决)
//如果是旧版IE
if(canvas.height<100){
context.lineWidth = 0.02;
}else{
context.lineWidth = 0.5;
}
ie10以上,效果略好