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个性化字体_动力节点Java学院整理
Jul 12 HTML / CSS
CSS3混合模式mix-blend-mode/background-blend-mode简介
Mar 15 HTML / CSS
纯CSS3实现的阴影效果
Dec 24 HTML / CSS
一款纯css3制作的2015年元旦雪人动画特效教程
Dec 29 HTML / CSS
CSS Grid布局教程之什么是网格布局
Dec 30 HTML / CSS
CSS3 实现倒计时效果
Nov 25 HTML / CSS
css3 实现滚动条美化效果的实例代码
Jan 06 HTML / CSS
使用phonegap操作数据库的实现方法
Mar 31 HTML / CSS
Html5页面二次分享的实现
Jul 30 HTML / CSS
使用placeholder属性设置input文本框的提示信息
Feb 19 HTML / CSS
html5 拖拽及用 js 实现拖拽功能的示例代码
Oct 23 HTML / CSS
flex布局中使用flex-wrap实现换行的项目实践
Jun 21 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代码
2012/07/17 PHP
PHP正则+Snoopy抓取框架实现的抓取淘宝店信誉功能实例
2017/05/17 PHP
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
IE及IE6浏览器中判断JS文件加载成功失败的方法
2015/02/18 Javascript
jquery使用each方法遍历json格式数据实例
2015/05/18 Javascript
简单谈谈ES6的六个小特性
2016/11/18 Javascript
微信JSAPI支付操作需要注意的细节
2017/01/10 Javascript
js自制图片放大镜功能
2017/01/24 Javascript
spirngmvc js传递复杂json参数到controller的实例
2018/03/29 Javascript
echarts设置图例颜色和地图底色的方法实例
2018/08/01 Javascript
在axios中使用params传参的时候传入数组的方法
2018/09/25 Javascript
[02:44]完美大师赛主赛事淘汰赛第二日观众采访
2017/11/24 DOTA
[22:59]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
解决python爬虫中有中文的url问题
2018/05/11 Python
python2 与 python3 实现共存的方法
2018/07/12 Python
详解用python生成随机数的几种方法
2019/08/04 Python
Django shell调试models输出的SQL语句方法
2019/08/29 Python
Python笔试面试题小结
2019/09/07 Python
pytorch torch.expand和torch.repeat的区别详解
2019/11/05 Python
python定间隔取点(np.linspace)的实现
2019/11/27 Python
Python IDE环境之 新版Pycharm安装详细教程
2020/03/05 Python
keras 读取多标签图像数据方式
2020/06/12 Python
css实例教程 一款纯css3实现的超炫动画背画特效
2014/11/05 HTML / CSS
阿玛尼美妆加拿大官方商城:Giorgio Armani Beauty加拿大
2017/10/24 全球购物
UNDONE手表官网:世界领先的定制手表品牌
2018/11/13 全球购物
计算机相关的自我评价
2014/01/15 职场文书
电子工程专业毕业生求职信
2014/03/14 职场文书
酒店餐厅2014重阳节活动策划方案
2014/09/16 职场文书
毕业生班级鉴定评语
2015/01/04 职场文书
2015年部门工作总结范文
2015/03/31 职场文书
关爱留守儿童捐款倡议书
2015/04/27 职场文书
重阳节座谈会主持词
2015/07/03 职场文书
2016党员入党决心书
2015/09/22 职场文书
Python+Appium实现自动抢微信红包
2021/05/21 Python
Python中常见的反爬机制及其破解方法总结
2021/06/10 Python
CSS巧用渐变实现高级感背景光动画
2021/12/06 HTML / CSS