如何判斷瀏覽器是否支持HTML5 Canvas？
3 回答
一只斗牛犬
TA貢獻1784條經(jīng)驗 獲得超2個贊
有以下兩種方法可以判斷瀏覽器是否支持html5：
方法一：
<script>
function checkhHtml5() {
if (typeof(Worker) !== "undefined") { alert("支持HTML5"); } else { alert("不支持HTML5"); } }
</script>。
方法二：
<canvas id="Canvas"></canvas>
<script>
if (!document.getElementById("Canvas").getContext){
alert("不支持html5");
}else{
alert("支持html5");
}
</script>。
撒科打諢
TA貢獻1934條經(jīng)驗 獲得超2個贊
檢測瀏覽器是否支持Canvas：
<style>#myCanvas{background:red; width:200px; height:100px;}</style>
<body><canvas id='myCanvas'>該瀏覽器不支持Canvas</canvas></body>
若支持，會顯示畫布不顯示文字；若不支持，不顯示畫布，顯示文字。
智慧大石
TA貢獻1946條經(jīng)驗 獲得超3個贊
在創(chuàng)建HTML5 canvas元素之前，首先要確保瀏覽器能夠支持它。如果不支持，就要為那些古董級瀏覽器提供一些替代文字。下面的代碼就是檢測瀏覽器支持情況的一種方法。try { document.createElement("canvas").getContext("2d"); document.getElementById("support").innerHTML = "HTML5 Canvas is supported in your browser."; } catch (e) { } 上面的代碼試圖創(chuàng)建一個canvas對象，并且獲取其上下文。如果發(fā)生錯誤，則可以捕獲錯誤，進而得知該瀏覽器不支持canvas。頁面中預先放入了ID為support的元素，通過以適當?shù)男畔⒏略撛氐膬?nèi)容，可以反映出瀏覽器的支持情況。 以上示例代碼能判斷瀏覽器是否支持canvas元素，但不會判斷具體支持canvas的哪些特性。這個時候，示例中使用的API已經(jīng)很穩(wěn)定并且各瀏覽器也都提供了很好的支持，所以通常不必擔心這個問題。 此外，希望開發(fā)人員能夠像如上代碼一樣為canvas元素提供備用顯示內(nèi)容。
- 3 回答
- 0 關注
- 372 瀏覽
添加回答
舉報
0/150
提交
取消