本文介绍了一种简单的方法来检测浏览器是否支持 HTML5 的 canvas 功能。通过 JavaScript 脚本尝试创建 canvas 上下文并捕获异常，以此判断 Chrome 浏览器是否支持 canvas。如果支持，则页面将显示支持信息。
<html>
<head></head>
<body>
<div id = 'support'>
</div>
</body>
<footer>
<script>
var support = document.getElementById('support');
try {
var context = document.createElement('canvas').getContext('2d');
support.innerHTML = 'chorme support canvas!';
} catch(ex) {
support.innerHTML = 'chorme do not support canvas!';
}
</script>
</footer>
</html>
<head></head>
<body>
<div id = 'support'>
</div>
</body>
<footer>
<script>
var support = document.getElementById('support');
try {
var context = document.createElement('canvas').getContext('2d');
support.innerHTML = 'chorme support canvas!';
} catch(ex) {
support.innerHTML = 'chorme do not support canvas!';
}
</script>
</footer>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
