您的位置：首页 > 其它

IE8及以下IE浏览器支持canvas效果

2015-11-13 16:47 344 查看
下载文件：html5.js和excanvas.js。

在页面的head标签中添加以下代码：

<!-[if lt IE9]>
<script src="js/html5.js" type="text/javascript"></script>
<![endif]->


这个是为了让IE8及以下IE浏览器认识h5新增的标签。

在页面的body标签下面添加以下代码：

<body>
...
</body>
<!-[if lt IE9]>
<script src="js/excanvas.js" type="text/javascript"></script>
<![endif]->



把这个js脚本添加到最下面，是防止页面未加载完成页面就开始执行脚本。我刚开始把这个excanvas.js脚本放到head标签里引用，结果一直报insertAdjacentHTML提示"用于此操作的原始HTML无效"的错误
。

<body>
<canvas id="canvas1">
浏览器不支持canvas
</canvas>
</body>
然后就可以随便玩儿了，我试着画了几个简单图形都没问题，使用fillText之类的方法也没错误。

当然还有一个特性，那就是让IE8支持css3的样式，首先是去http://css3pie.com网站下载最新版的pie。

然后添加以下样式：

#canvas1 {
background: #333;
border-radius: 15px;
behavior: url(pie/PIE.htc);
}


其中border-radius貌似是css3添加的样式属性，下面的behavior指定pie.htc的位置就可以了。
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航