HTML5 使用canvas API 檢測瀏覽器是否支持

在創(chuàng)建HTML5 canvas元素之前，首先要確保瀏覽器能夠支持它。如果不支持，就要為那些古董級的瀏覽器提供一些替代文宇。下列代碼就是檢測瀏覽器支持情況的一種方法，代碼如下：

try{

    document.createElement("canvas").getContext("2d");

    document.getElementById("support").innerHTML="HTML5 Canvas is supported in your browser.";}

    catch (e) {

        document.getElementByld{"support").innerHTML="HTML5 Canvas is not supported in your browser.";

    }

    上面的代碼試圖創(chuàng)建一個canvas對象，并且獲取其上下文。如果發(fā)生錯誤，則可以捕獲錯誤，進(jìn)而得知該瀏覽器不支持canvas。頁面中預(yù)先放入了ID為support的元素，通過適當(dāng)?shù)男畔⒏略撛氐膬?nèi)容，可以反映出瀏覽器的支持情況。

    以上示例代碼能判斷瀏覽器是否支持canvas元素，但不會判斷具體支持canvas的哪些特性。示例中使用的API已經(jīng)很穩(wěn)定，并且各瀏覽器也都提供了很好的支持，所以通常不必?fù)?dān)心這個問題。

    此外，希望開發(fā)人員能夠像以上代碼一樣，為canvas元素提供備用的顯示內(nèi)容。