html5中canvas学习笔记2-判断浏览器是否支持canvas


Posted in HTML / CSS onJanuary 06, 2013

判断浏览器是否支持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>
HTML / CSS 相关文章推荐
CSS3属性box-shadow使用详细教程
Jan 21 HTML / CSS
7款设计巧妙的css3飘带状3D立体效果的导航菜单和表单窗口
Feb 04 HTML / CSS
用CSS3实现瀑布流布局的示例代码
Nov 10 HTML / CSS
HTML5 Canvas——用路径描画线条实例介绍
Jun 09 HTML / CSS
简单html5代码获取地理位置
Mar 31 HTML / CSS
实例讲解使用SVG制作loading加载动画的方法
Apr 05 HTML / CSS
HTML5 拖放功能实现代码
Jul 14 HTML / CSS
如何给HTML标签中的文本设置修饰线
Nov 18 HTML / CSS
HTML5中在title标题标签里设置小图标的方法
Jun 23 HTML / CSS
HTML5图片层叠的实现示例
Jul 07 HTML / CSS
boostrap modal 闪现问题的解决方法
Sep 01 HTML / CSS
HTML+CSS制作心跳特效的实现
May 26 HTML / CSS
html5中canvas学习笔记1-画板的尺寸与实际显示尺寸
Jan 06 #HTML / CSS
HTML5本地存储之Database Storage应用介绍
Jan 06 #HTML / CSS
HTML5本地存储之Web Storage应用介绍
Jan 06 #HTML / CSS
css3 transform 3d 使用css3创建动态3d立方体(html5实践)
Jan 06 #HTML / CSS
html5播放视频且动态截图实现步骤与代码(支持safari其他未测试)
Jan 06 #HTML / CSS
html5中地理位置定位api接口开发应用小结
Jan 04 #HTML / CSS
html5中为audio标签增加停止按钮动作实现方法
Jan 04 #HTML / CSS
You might like
PHP 5.3.1 安装包 VC9 VC6不同版本的区别是什么
2010/07/04 PHP
php将时间差转换为字符串提示
2011/09/07 PHP
PHP 面向对象程序设计(oop)学习笔记 (二) - 静态变量的属性和方法及延迟绑定
2014/06/12 PHP
ThinkPHP3.1新特性之对页面压缩输出的支持
2014/06/19 PHP
PHP使用SOAP扩展实现WebService的方法
2016/04/01 PHP
php 广告点击统计代码(php+mysql)
2018/02/21 PHP
JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件
2012/08/14 Javascript
jQuery中setTimeout的几种使用方法小结
2013/04/07 Javascript
JS 页面计时器示例代码
2013/10/28 Javascript
Java/JS获取flash高宽的具体方法
2013/12/27 Javascript
JS阻止用户多次提交示例代码
2014/03/26 Javascript
jQuery使用removeClass方法删除元素指定Class的方法
2015/03/26 Javascript
基于jquery实现即时检查格式是否正确的表单
2016/05/06 Javascript
12个非常实用的JavaScript小技巧【推荐】
2016/05/18 Javascript
完美解决input[type=number]无法显示非数字字符的问题
2017/02/28 Javascript
vue-cli项目根据线上环境分别打出测试包和生产包
2018/05/23 Javascript
详解如何理解vue的key属性
2019/04/14 Javascript
详解python的几种标准输出重定向方式
2016/08/15 Python
浅谈Pandas:Series和DataFrame间的算术元素
2018/12/22 Python
python批量修改图片尺寸,并保存指定路径的实现方法
2019/07/04 Python
django数据关系一对多、多对多模型、自关联的建立
2019/07/24 Python
python2与python3爬虫中get与post对比解析
2019/09/18 Python
Python3自动生成MySQL数据字典的markdown文本的实现
2020/05/07 Python
Django中Q查询及Q()对象 F查询及F()对象用法
2020/07/09 Python
python爬虫筛选工作实例讲解
2020/11/23 Python
中学门卫岗位职责
2013/12/26 职场文书
前台文员岗位职责
2013/12/28 职场文书
服装设计专业自荐书范文
2013/12/30 职场文书
工厂搬迁方案
2014/05/11 职场文书
大型演出策划方案
2014/05/28 职场文书
国际商务专业求职信
2014/07/15 职场文书
2014年教师党员自我评价范文
2014/09/22 职场文书
南湾猴岛导游词
2015/02/09 职场文书
2015秋季田径运动会广播稿
2015/08/19 职场文书
python四种出行路线规划的实现
2021/06/23 Python
Python必备技巧之字符数据操作详解
2022/03/23 Python