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以下，展示效果如下：(placeholder没出来，后面再解决)

//如果是旧版IE
    	if(canvas.height<100){
    		context.lineWidth = 0.02;
    	}else{
    		context.lineWidth = 0.5;
    	}

ie10以上，效果略好