html5中canvas学习笔记2-判断浏览器是否支持canvas
发布时间：2013-01-06 17:31:21 作者：佚名 
我要评论
我要评论判断浏览器是否支持canvas,本人搜集整理了一些使用方法，感兴趣的朋友可以了解下
判断浏览器是否支持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>
相关文章
HTML5新标签兼容——> <!--<if lt IE 9><!endif-->
这篇文章主要介绍了HTML5新标签兼容——> <!--<if lt IE 9><!endif--> 的两种方法,需要的朋友可以参考下2018-09-12- 离线访问对基于网络的应用而言越来越重要,这篇文章主要介绍了HTML5 manifest离线缓存的示例代码的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随2018-08-08
- frame这个标签不知大家注意过没有,它必须放在frameset中使用,而且经常容易和iframe混淆,这里我们就来举例讲解HTML中iframe和frame的区别,需要的朋友可以参考下2016-05-30
- 这篇文章主要介绍了详解HTML5中的manifest缓存使用,文中同时介绍了相关的一些自动化工具,需要的朋友可以参考下2015-09-09
- 这篇文章主要介绍了HTML中iFrame标签的两个用法,分别是作为弹出层铺底覆盖 ,和跨域写入cookie,需要的朋友可以参考下2015-07-09
使用HTML5的Notification API制作web通知的教程
这篇文章主要介绍了使用HTML5的Notification API制作web通知的教程,示例包括需要使用到的相关CSS以及Javascript代码,需要的朋友可以参考下2015-05-08- 这篇文章主要介绍了html5触摸事件判断滑动方向的实现的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-05
- 这篇文章主要介绍了HTML5中判断横屏竖屏的方法(移动端)的相关资料,需要的朋友可以参考下2016-08-04
- 长期以来我们一直缺少一个判断用户是否正在浏览某个指定标签页的方法。用户是否去看别的网站了？他们切换回来了么？2014-05-03
HTML5+CSS3实现超酷登录窗口(自动隐藏默认文本及判断必填字段)
输入框获取焦点后会自动隐藏默认文本，如果为空会提示必填字段2013-05-21
最新评论