在线工具 在线编程 在线白板 在线工具 在线编程 在线白板

offcanvas插件如何兼容IE9

兄弟姐妹们有没有人讲详细点的,我想讲解下,offcanvas插件如何兼容IE9
最新回答
压抑情绪

2024-11-05 03:48:23

最近项目中使用了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以上,效果略好