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

编辑Tag赚U币

推荐:html5指南-2.如何操作document metadata
今天的内容是关于如何操作document对象,一些新手朋友可能对此很陌生,接下来本文详细介绍下,感兴趣的朋友可以了解哦

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

复制代码 代码如下:www.mb5u.com

<!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>

分享:html5 Canvas画图教程(5)—canvas里画曲线之arc方法
anvas里画曲线的难点之一,就在于他连曲线的函数就有4个!分别是arc,arcTo,quadraticCurveTo,bezierCurveTo.我从最简单的arc方法讲起吧,感兴趣的朋友可以了解下哦

来源:未知//所属分类:HTML5教程/更新时间:2013-04-22
相关HTML5教程