HTML5 Canvas 代码检测浏览器是否支持

在创建HTML5 Canvas元素之前，首先要检测浏览器是否能够拿支持他，如果不支持，就要用文字或图片替代，检测代码如下所示。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <!--[if IE]<script type="text/javascript" src="../js/excanvas.js" ></script><![endif]-->
    </head>
    <body>
        <div id="support"></div>
    </body>
    <script type="text/javascript">
        try{
            document.createElement("canvas").getContext("2d");
            document.getElementById("support").innerHTML = "当前浏览器支持HTML5 Canvas";
        }catch(e){
            document.getElementById("support").innerHTML = "当前浏览器不支持HTML5 Canvas";
        }
    </script>
</html>

 其中“<!--[if IE]<script type="text/javascript" src="../js/excanvas.js" ></script><![endif]-->”是使IE浏览器兼容canvas的插件。

posted @ 2017-09-13 14:36  名曰大神  阅读(1409)  评论(0)  编辑  收藏  举报