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仿造window7的开始菜单
Jun 17 HTML / CSS
CSS3 伪类选择器 nth-child()说明
Jul 10 HTML / CSS
CSS3区域模块region相关编写示例
Aug 28 HTML / CSS
魔幻般冒泡背景的CSS3按钮动画
Feb 27 HTML / CSS
css3中less实现文字长阴影(long shadow)
Apr 24 HTML / CSS
HTML5文档结构标签
Apr 21 HTML / CSS
HTML5 Canvas锯齿图代码实例
Apr 10 HTML / CSS
H5调用相机拍照并压缩图片的实例代码
Jul 20 HTML / CSS
浅谈Html5多线程开发之WebWorkers
May 02 HTML / CSS
巧用 -webkit-box-reflect 倒影实现各类动效(小结)
Apr 22 HTML / CSS
HTML中的表单Form实现居中效果
May 25 HTML / CSS
html解决浏览器记住密码输入框的问题
May 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
如何在PHP中使用Oracle数据库(5)
2006/10/09 PHP
php中adodbzip类实例
2014/12/08 PHP
php实现网页缓存的工具类分享
2015/07/14 PHP
解决微信授权回调页面域名只能设置一个的问题
2016/12/11 PHP
PHP运用foreach神奇的转换数组(实例讲解)
2018/02/01 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
一句话JavaScript表单验证代码
2009/08/02 Javascript
firefox下input type=&quot;file&quot;的size是多大
2011/10/24 Javascript
JS调用CS里的带参方法实例
2013/08/01 Javascript
Javascript学习笔记之函数篇(六) : 作用域与命名空间
2014/11/23 Javascript
jQuery中remove()方法用法实例
2014/12/25 Javascript
JS实现的Select三级下拉菜单代码
2015/08/20 Javascript
Angular.js中$apply()和$digest()的深入理解
2016/10/13 Javascript
深入掌握 react的 setState的工作机制
2017/09/27 Javascript
Angular.js中window.onload(),$(document).ready()的写法浅析
2017/09/28 Javascript
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
2018/03/13 Javascript
webpack打包nodejs项目的方法
2018/09/26 NodeJs
为react组件库添加typescript类型提示的方法
2020/06/15 Javascript
vuex 多模块时 模块内部的mutation和action的调用方式
2020/07/24 Javascript
Python中文件操作简明介绍
2015/04/13 Python
Python中input与raw_input 之间的比较
2017/08/20 Python
Python unittest模块用法实例分析
2018/05/25 Python
python+splinter实现12306网站刷票并自动购票流程
2018/09/25 Python
pandas分别写入excel的不同sheet方法
2018/12/11 Python
Python实现异步IO的示例
2020/11/05 Python
python使用yaml 管理selenium元素的示例
2020/12/01 Python
python基于pexpect库自动获取日志信息
2021/02/01 Python
使用CSS3来匹配横屏竖屏的简单方法
2015/08/04 HTML / CSS
环法自行车赛官方商店:Le Tour de France
2017/08/27 全球购物
英国领先的名牌服装折扣零售商:Brown Bag Clothing
2019/01/08 全球购物
LORAC官网:美国彩妆品牌
2019/08/27 全球购物
介绍下Java中==和equals的区别
2013/09/01 面试题
信息与工商管理职业规划范文:为梦想而搏击
2014/09/11 职场文书
学校隐患排查制度
2015/08/05 职场文书
中学校园广播稿
2015/08/18 职场文书
利用Apache Common将java对象池化的问题
2022/06/16 Servers