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

2016-02-19 12:14 38 1 收藏

下面是个超简单的html5中canvas学习笔记2-判断浏览器是否支持canvas教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - Web开发 】

判断浏览器是否支持canvas,具体代码如下:

代码如下:

!DOCTYPE html
head
meta charset=utf-8 /
titlecanvas/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

来源:http://www.tulaoshi.com/n/20160219/1600298.html

延伸阅读
标签: Web开发
如今HTML5愈来愈引发大家的关注了,但目前支持HTML5的浏览器还不是主流,特别是国内用户近50%以上仍旧使用IE6,由于支持HTML5的IE9不支持Xp系统安装,这样未来很长一段时间,HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或CSS选择器兼容性的做法有很多,其中自己生成标签元素就是一种。 基本原理参见如下代码在IE8中效果,样式根本没有...
标签: Web开发
在canvas中当在canvas上写width和height时为canvas的实际画板大小,默认情况下width为300px,height为150px。 在style里面写css样式的时候widht和height为实际显示尺寸大小。 现在以用canvas画一个对角线为例 : 代码如下: !DOCTYPE html head meta charset=utf-8 / titlecanvas/title script type='text/javascript' window.onloa...
标签: Web开发
虽然大家都称Canvas为html5的新标签,看起来好像Canvas属于html语言的新知识,但其实Canvas画图是通过javascript来做的。所以,如果你想学习Canvas画图,你必须要有Javascript基础。 另外,画图嘛,总有一些图像方面的术语和知识点,所以如果你有过做图或美工经验,学习Canvas会更容易。 Canvas,意为画布也。而Html5中的Canvas也真的跟现实生...
标签: Web开发
canvas 与 SVG都能够使你在浏览器中画图,但它们的基本原理不同。 SVG SVG是一种在XML中描述二维图形的语言。 SVG是基于XML的,意味着在SVG DOM内每一个元素都是可用的。你可以为每一个元素增加JS事件处理器。 在SVG中,每一个图形被记作一个对象。如果一个SVG对象的属性发生改变,浏览器可以自动重新生成图形。 Canvas Canvas能够在...
标签: Web开发
代码如下: script type="text/javascript" try { document.createElement("Canvas").getContext("2d"); document.getElementById("support").innerHTML = "OK"; } catch (e) { document.getElementById("support").innerHTML = e.message; } /script 加入Canvas canvas id="diagonal" style="border:1px solid blue;"...

经验教程

154

收藏

61
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部