判断浏览器canvas支持与否中jquery和getContext()方法的之间的调用问题

判断浏览器是否支持canvas，可以通过canvas的getContext()方法来查看是否成功获取对象。然而其中我们要注意的是getContext是DOM对象方法，也就是js原生方法，不能用jquery对象直接调用，很多同学忽略了这点，导致出现问题，判定代码书写如下：

<canvas></canvas>
<div id="support"></div>

<script type="text/javascript">    
    try{
        $("canvas")[0].getContext("2d");
        $("#support").html("html5 canvas is supported");
    }catch(err){
            $("#support").html("html5 canvas is not supported");        
        }
</script>

可以看到第六行就是将jquery对象转换为dom对象，然后调用getContext方法。谢谢大家的浏览。

转载请注明：http://www.tea119.com