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

最新推荐文章于 2025-11-01 23:33:51 发布

最新推荐文章于 2025-11-01 23:33:51 发布 · 109 阅读

本文提供了一段JavaScript代码，用于检测浏览器是否支持HTML5的canvas元素。通过创建一个canvas元素并尝试获取其2D渲染上下文来实现。如果支持，页面上会显示支持提示；反之，则显示不支持提示。

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