程序员

html5中canvas学习笔记2-判断浏览器是否支持canvas

作者:admin 2021-09-20 我要评论

判断浏览器是否支持canvas,具体代码如下: 复制代码 代码如下: !DOCTYPE html head meta charset=utf-8 / titlecanvas/title script type='text/javascript' wi...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
判断浏览器是否支持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>

原文链接:https://m.jb51.net/html5/70039.html

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • html5中canvas学习笔记2-判断浏览器是

    html5中canvas学习笔记2-判断浏览器是

  • 使用css创建三角形 使用CSS3创建3d四面

    使用css创建三角形 使用CSS3创建3d四面

  • html5构建触屏网站之网站尺寸探讨

    html5构建触屏网站之网站尺寸探讨

  • html5构建触屏网站之touch事件介绍

    html5构建触屏网站之touch事件介绍

腾讯云代理商
精彩导读
海外云服务器
热门资讯
腾讯云代理商