HTML5 canvas browser support
瀏覽器上對於canvas element的解析方式：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>canvas_support-1</title>
</head>
<body>
<!--
使用IE8開啟時，因為不支援canvas所以可以看到p element,
若瀏覽器支援就會忽略p element。
-->
<canvas><p>瀏覽器不支援請使用google chrome開啟</p></canvas>
</body>
</html>
使用JavaScript判斷瀏覽器是否支援Canvas element；
<script>
if(document.createElement('canvas').getContext){
alert('瀏覽器支援 canvas');
}else{
alert('瀏覽器不支援canvas')
}
</script>
參考資料連結：
- W3C - HTML Canvas 2D Context
- WHATWG - getContext
- w3school - HTML DOM getContext() 中文版，更新較慢
- w3school - canvas 英文版，更新較快
World Wide Web Consortium (W3C 全球資訊網協會)
沒有留言:
張貼留言