html5中canvas学习笔记2-判断浏览器是否支持canvas
程序员文章站
2023-12-12 13:12:40
判断浏览器是否支持canvas,本人搜集整理了一些使用方法，感兴趣的朋友可以了解下... 13-01-06...
判断浏览器是否支持canvas，具体代码如下：
<!doctype html>
<head>
<meta charset=utf-8 />
<title>canvas</title>
<script type='text/javascript'>
window.onload = function(){
/**判断浏览器是否支持canvas**/
try{
document.createelement('canvas').getcontext('2d');
var adddiv = document.createelement('div');
adddiv.innerhtml='支持canvas';
document.body.appendchild(adddiv);
}catch(e){
var adddiv = document.createelement('div');
adddiv.innerhtml='浏览器不支持canvas';
document.body.appendchild(adddiv);
}
};
</script>
</head>
<body>
</body>
</html>
复制代码
代码如下:<!doctype html>
<head>
<meta charset=utf-8 />
<title>canvas</title>
<script type='text/javascript'>
window.onload = function(){
/**判断浏览器是否支持canvas**/
try{
document.createelement('canvas').getcontext('2d');
var adddiv = document.createelement('div');
adddiv.innerhtml='支持canvas';
document.body.appendchild(adddiv);
}catch(e){
var adddiv = document.createelement('div');
adddiv.innerhtml='浏览器不支持canvas';
document.body.appendchild(adddiv);
}
};
</script>
</head>
<body>
</body>
</html>