判斷瀏覽器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