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 相关文章推荐
50个强大璀璨的CSS3/JS技术运用实例
Feb 27 HTML / CSS
CSS3系列教程:背景图片(背景大小和多背景图) 应用说明
Dec 19 HTML / CSS
CSS3 透明色 RGBA使用介绍
Aug 06 HTML / CSS
css3实现背景图片拉伸效果像桌面壁纸一样
Aug 19 HTML / CSS
纯HTML5+CSS3制作图片旋转
Jan 12 HTML / CSS
CSS3实现大小不一的粒子旋转加载动画
Apr 21 HTML / CSS
CSS3移动端vw+rem不依赖JS实现响应式布局的方法
Jan 23 HTML / CSS
html5使用html2canvas实现浏览器截图的示例
Aug 31 HTML / CSS
html5的websockets全双工通信详解学习示例
Feb 26 HTML / CSS
使用HTML5中的contentEditable来将多行文本自动增高
Mar 01 HTML / CSS
详解html5页面 rem 布局适配方法
Jan 12 HTML / CSS
CSS中em的正确打开方式详解
Apr 08 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个不良习惯
2020/09/18 PHP
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
JavaScript 学习笔记(六)
2009/12/31 Javascript
JQuery 中几个类选择器的简单使用介绍
2013/03/14 Javascript
js跑马灯代码(自写)
2013/04/17 Javascript
js带前后翻页的图片切换效果代码分享
2015/09/08 Javascript
Bootstrap每天必学之标签页(Tab)插件
2020/08/09 Javascript
基于javascript实现最简单的选项卡切换效果
2016/05/16 Javascript
JavaScript——DOM操作——Window.document对象详解
2016/07/14 Javascript
DWR3 访问WEB元素的两种方法实例详解
2017/01/03 Javascript
JS验证input输入框(字母,数字,符号,中文)
2017/03/23 Javascript
基于vue 开发中出现警告问题去除方法
2018/01/25 Javascript
优雅的elementUI table单元格可编辑实现方法详解
2018/12/23 Javascript
Vue实现腾讯云点播视频上传功能的实现代码
2020/08/17 Javascript
Django中传递参数到URLconf的视图函数中的方法
2015/07/18 Python
解决python2.7用pip安装包时出现错误的问题
2017/01/23 Python
Python实现在线音乐播放器
2017/03/03 Python
Python装饰器原理与用法分析
2018/04/30 Python
pyQt4实现俄罗斯方块游戏
2018/06/26 Python
python xpath获取页面注释的方法
2019/01/14 Python
在Python 不同级目录之间模块的调用方法
2019/01/19 Python
Python基础学习之函数方法实例详解
2019/06/18 Python
python 中如何获取列表的索引
2019/07/02 Python
Python类的继承super相关原理解析
2020/10/22 Python
Python request post上传文件常见要点
2020/11/20 Python
CSS3网格的三个新特性详解
2014/04/04 HTML / CSS
HTML5 canvas绘制的玫瑰花效果
2014/05/29 HTML / CSS
意大利中国电子产品购物网站:Geekmall.com
2019/09/30 全球购物
英国DIY和家居装饰领域的主要品牌:Wickes
2019/11/26 全球购物
Engel & Bengel官网:婴儿推车、儿童房家具和婴儿设备
2019/12/28 全球购物
计算机开发个人求职信范文
2013/09/26 职场文书
平面设计专业求职信
2014/08/09 职场文书
竞聘演讲稿开场白
2014/08/25 职场文书
2014年劳动部工作总结
2014/12/11 职场文书
2015年英语教师工作总结
2015/05/20 职场文书
2016春节放假通知范文
2015/08/18 职场文书