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 简写animation
May 10 HTML / CSS
css3的transition效果和transfor效果示例介绍
Oct 30 HTML / CSS
使用css3制作动感导航条示例
Jan 26 HTML / CSS
html5应用缓存_动力节点Java学院整理
Jul 13 HTML / CSS
html5 sessionStorage会话存储_动力节点Java学院整理
Jul 06 HTML / CSS
html5中如何将图片的绝对路径转换成文件对象
Jan 11 HTML / CSS
举例详解HTML5中使用JSON格式提交表单
Jun 16 HTML / CSS
详解HTML5 录音的踩坑之旅
Dec 26 HTML / CSS
H5混合开发app如何升级的方法
Jan 10 HTML / CSS
HTML5去掉输入框type为number时的上下箭头的实现方法
Jan 03 HTML / CSS
利用Node实现HTML5离线存储的方法
Oct 16 HTML / CSS
css 中多种边框的实现小窍门
Apr 07 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
实用函数7
2007/11/08 PHP
PHP+MySQL 制作简单的留言本
2009/11/02 PHP
php使用mb_check_encoding检查字符串在指定的编码里是否有效
2013/11/07 PHP
Symfony2学习笔记之插件格式分析
2016/03/17 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
JS点击链接后慢慢展开隐藏着图片的方法
2015/02/17 Javascript
nodejs爬虫抓取数据乱码问题总结
2015/07/03 NodeJs
Vuex之理解Mutations的用法实例
2017/04/19 Javascript
Vue.js实现一个todo-list的上移下移删除功能
2017/06/26 Javascript
Vue.js如何实现路由懒加载浅析
2017/08/14 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
2018/11/30 Javascript
js实现简单分页导航栏效果
2019/06/28 Javascript
JavaScript实现打砖块游戏
2020/02/25 Javascript
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
2020/05/12 Javascript
js实现特别简单的钟表效果
2020/09/14 Javascript
解决iView Table组件宽度只变大不变小的问题
2020/11/13 Javascript
[01:36:57]【09DOTA2第一视角】小骷髅
2014/04/16 DOTA
[58:11]守擂赛第二周擂主赛 DeMonsTer vs Leopard
2020/04/28 DOTA
对Python3+gdal 读取tiff格式数据的实例讲解
2018/12/04 Python
python+opencv实现阈值分割
2018/12/26 Python
Python设计模式之组合模式原理与用法实例分析
2019/01/11 Python
Python实现的IP端口扫描工具类示例
2019/02/15 Python
Python shutil模块用法实例分析
2019/10/02 Python
python 协程中的迭代器,生成器原理及应用实例详解
2019/10/28 Python
Python图像处理库PIL的ImageFont模块使用介绍
2020/02/26 Python
python自定义函数def的应用详解
2020/06/03 Python
一文解决django 2.2与mysql兼容性问题
2020/07/15 Python
通过Django Admin+HttpRunner1.5.6实现简易接口测试平台
2020/11/11 Python
华为旗下电子商务平台:华为商城
2016/08/06 全球购物
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
英文自荐信
2013/12/19 职场文书
施工资料员的岗位职责
2013/12/22 职场文书
2014年房产销售工作总结
2014/12/08 职场文书
2014年技术部工作总结
2014/12/12 职场文书
三傻大闹宝莱坞观后感
2015/06/03 职场文书
python自动化之如何利用allure生成测试报告
2021/05/02 Python