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 相关文章推荐
全面解析CSS Media媒体查询使用操作(推荐)
Aug 15 HTML / CSS
7款设计巧妙的css3飘带状3D立体效果的导航菜单和表单窗口
Feb 04 HTML / CSS
css实例教程 一款纯css3实现的超炫动画背画特效
Nov 05 HTML / CSS
CSS3制作Dropdown下拉菜单的方法
Jul 18 HTML / CSS
基于第一个PhoneGap(cordova)的应用详解
May 03 HTML / CSS
Html5实现二维码扫描并解析
Jan 20 HTML / CSS
用HTML5的canvas实现一个炫酷时钟效果
May 20 HTML / CSS
canvas进阶之如何画出平滑的曲线
Oct 15 HTML / CSS
AmazeUI 单选框和多选框的实现示例
Aug 18 HTML / CSS
CSS3通过var()和calc()函数实现动画特效
Mar 30 HTML / CSS
纯 CSS 自定义多行省略的问题(从原理到实现)
Nov 11 HTML / CSS
css样式important规则的正确使用方式
Jun 10 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与MySQL交互使用详解
2006/10/09 PHP
PHP中使用json数据格式定义字面量对象的方法
2014/08/20 PHP
自定义Laravel (monolog)日志位置,并增加请求ID的实现
2019/10/17 PHP
PHP safe_mode开启对于PHP系统函数有什么影响
2020/11/10 PHP
js 提交和设置表单的值
2008/12/19 Javascript
JavaScript单元测试ABC
2012/04/12 Javascript
jQuery 属性选择器element[herf*='value']使用示例
2013/10/20 Javascript
ie8本地图片上传预览示例代码
2014/01/12 Javascript
JS实现点击链接取消跳转效果的方法
2014/01/24 Javascript
如何将网页表格内容导入excel
2014/02/18 Javascript
jQuery中unwrap()方法用法实例
2015/01/16 Javascript
Angular中的Promise对象($q介绍)
2015/03/03 Javascript
ES6新特征数字、数组、字符串
2016/10/01 Javascript
JS回调函数简单用法示例
2017/02/09 Javascript
webpack之devtool详解
2018/02/10 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
2018/08/24 Javascript
VuePress 静态网站生成方法步骤
2019/02/14 Javascript
layui使用数据表格实现购物车功能
2019/07/26 Javascript
使用layui前端框架弹出form表单以及提交的示例
2019/10/25 Javascript
关于vue利用postcss-pxtorem进行移动端适配的问题
2019/11/20 Javascript
[53:10]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs VG 第一场
2018/04/11 DOTA
Python控制多进程与多线程并发数总结
2016/10/26 Python
python 实现删除文件或文件夹实例详解
2016/12/04 Python
解决Python print输出不换行没空格的问题
2018/11/14 Python
对Pandas MultiIndex(多重索引)详解
2018/11/16 Python
Python+OpenCV图像处理——实现直线检测
2020/10/23 Python
Python实现树莓派摄像头持续录像并传送到主机的步骤
2020/11/30 Python
python xlsxwriter模块的使用
2020/12/24 Python
如何用Python提取10000份log中的产品信息
2021/01/14 Python
意大利和国际奢侈品牌购物网站:Suitnegozi.com
2021/01/15 全球购物
建筑院校毕业生求职信
2014/06/13 职场文书
还款承诺书范本
2015/01/20 职场文书
初任公务员培训心得体会
2016/01/08 职场文书
使用css样式设计一个简单的html登陆界面的实现
2021/03/30 HTML / CSS
Django对接elasticsearch实现全文检索的示例代码
2021/08/02 Python
一文解答什么是MySQL的回表
2022/08/05 MySQL