<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body onload="main()">
<canvas id="canvas" height="400" width="400">
你的浏览器不支持WebGL，请更换新的浏览器
</canvas>
</body>
<script>
function main() {
//首先获取到canvas的dom对象
var canvas = document.getElementById("canvas");
//获取到WebGL的上下文
var gl = canvas.getContext("webgl");
//不支持WebGL的浏览器将打印一个错误，并结束代码运行
if(!gl){
console.log("浏览器不支持WebGL");
return;
}
//指定一个覆盖（清空）canvas的颜色
gl.clearColor(0.0,0.0,0.0,1.0);
//执行清空
gl.clear(gl.COLOR_BUFFER_BIT);
}
</script>
</html> 一个人的力量不如两个人的，两个人的力量不如一群人的。欢迎加入大家庭一起共同学习，共同进步。