请选择 进入手机版 | 继续访问电脑版

HTML5星空

HTML5星空 首页 HTML5教程 Canvas 查看内容

测试IE下能否正常使用canvas

2013-10-1 11:33| 发布者: admin| 查看: 1053| 评论: 0

摘要: 说明低版本的IE不能有效的支持HTML5,需要引入excanvas.js来让IE支持canvas。代码htmlheadscripttype="text/javascript"src="excanvas.js"/scriptscripttype="text/javascript" functiontest(){varcanva ...

说明

低版本的IE不能有效的支持HTML5,需要引入excanvas.js来让IE支持canvas

代码

<html>

  <head>

  <script type="text/javascript" src="excanvas.js">script>   

  <script type="text/javascript">

    function test() {

       var canvas = document.getElementById("canvas"); 

       if (canvas.getContext) { 

          alert('支持canvas');

}  

    }   

   </script>

  </head>

  <body onload="test();"> 

      <canvas id="canvas" width="150" height="150">

           您的浏览器不支持canvas

      </canvas>

   </body>

</html>

 

效果

注意:

低版本Ie不支持HTML5,需要引入canvasjs文件

也可以用<canvas>的子元素来判断是否支持canvas , 不支持canvas的浏览器会忽略canvas元素而直接渲染替用内容,而支持的浏览器则会正常地渲染canvas。例如,我们可以把一些文字或图片填入canvas内,作为替用内容(见代码)


鲜花

握手

雷人

路过

鸡蛋

相关阅读

快讯

     京ICP备14042305号

html5star team © 2012-2013 html5星空 Comsenz Inc.

GMT+8, 2019-12-11 10:35 , Processed in 0.109719 second(s), 31 queries .

返回顶部