当前位置: 代码迷 >> HTML/CSS >> html5中canvas学识积累2-判断浏览器是否支持canvas
  详细解决方案

html5中canvas学识积累2-判断浏览器是否支持canvas

热度:122   发布时间:2012-11-26 11:48:49.0
html5中canvas知识积累2---判断浏览器是否支持canvas

判断浏览器是否支持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>