日期:2014-05-17  浏览次数:20703 次

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>