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 旋转按钮 使用CSS3创建一个旋转可变色按钮
Dec 31 HTML / CSS
CSS3媒体查询(Media Queries)介绍
Sep 12 HTML / CSS
html5仿支付宝密码框的实现代码
Sep 06 HTML / CSS
基于 HTML5 的 WebGL 3D 版俄罗斯方块的示例代码
May 28 HTML / CSS
关于HTML5的安全问题开发人员需要牢记的
Jun 21 HTML / CSS
input元素的url类型和email类型简介
Jul 11 HTML / CSS
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
Jan 09 HTML / CSS
详解基于canvas的视频遮罩插件
Jan 04 HTML / CSS
recorder.js 基于Html5录音功能的实现
May 26 HTML / CSS
AmazeUi Tree(树形结构) 应用小结
Aug 17 HTML / CSS
Html5 webRTC简单实现视频调用的示例代码
Sep 23 HTML / CSS
HTML+CSS制作心跳特效的实现
May 26 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
2020年4月放送!《Princess Connect Re:Dive》制作组 & 角色声优公开!
2020/03/06 日漫
Phpbean路由转发的php代码
2008/01/10 PHP
PHP中单引号与双引号的区别分析
2014/08/19 PHP
php的mssql数据库连接类实例
2014/11/28 PHP
php中静态类与静态变量用法的区别分析
2015/01/15 PHP
PHP自定义函数实现格式化秒的方法
2016/09/14 PHP
JS 树形递归实例代码
2010/05/18 Javascript
可插入图片的TEXT文本框
2013/12/27 Javascript
sails框架的学习指南
2014/12/22 Javascript
简单实现异步编程promise模式
2015/07/31 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
2016/03/10 Javascript
Centos7 中安装 Node.js v4.4.4
2016/11/03 Javascript
基于jQuery实现的查看全文功能【实用】
2016/12/11 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
2018/09/10 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
2019/11/09 Javascript
vue中使用带隐藏文本信息的图片、图片水印的方法
2020/04/24 Javascript
[00:10]DOTA2 TI9勇士令状明日上线
2019/05/07 DOTA
在DigitalOcean的服务器上部署flaskblog应用
2015/12/19 Python
Python网络爬虫实例讲解
2016/04/28 Python
理论讲解python多进程并发编程
2018/02/09 Python
浅谈python新式类和旧式类区别
2019/04/26 Python
对python tkinter窗口弹出置顶的方法详解
2019/06/14 Python
pyqt5 实现在别的窗口弹出进度条
2019/06/18 Python
详解numpy.meshgrid()方法使用
2019/08/01 Python
Django框架教程之中间件MiddleWare浅析
2019/12/29 Python
python如何变换环境
2020/07/21 Python
如何使用python写截屏小工具
2020/09/29 Python
Python3.8.2安装包及安装教程图文详解(附安装包)
2020/11/28 Python
html5基础标签(html5视频标签 html5新标签用法)
2013/12/30 HTML / CSS
个人自荐信
2013/12/05 职场文书
计算机毕业生自荐信范文
2014/03/23 职场文书
2014年财务工作自我评价
2014/09/23 职场文书
考研导师推荐信范文
2015/03/27 职场文书
三八节活动简报
2015/07/20 职场文书
《原神》新角色演示“神里绫人:林隐泓洄” 宠妹狂魔
2022/04/03 其他游戏
vue3.0 数字翻牌组件的使用方法详解
2022/04/20 Vue.js