<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>Clear canvas</title>
</head>
<body οnlοad="main();">
<canvas id="webgl" width="400" height="400">
Please use a browser that supports "canvas"
</canvas>
<script type="text/javascript" src="/WebGL/js/lib/webgl-utils.js"></script>
<script type="text/javascript" src="/WebGL/js/lib/webgl-debug.js"></script>
<script type="text/javascript" src="/WebGL/js/lib/cuon-utils.js"></script>
<script type="text/javascript" src="/WebGL/js/HelloCanvas.js"></script>
<script>
</script>
</body>
</html>
function main(){
//Retrieve the <canvas> element 获取<canvas>元素
var canvas = document.getElementById("webgl");
//获取webgl绘图上下文
var gl = getWebGLContext(canvas);
if(!gl){
console.log('Failed to retrieve the <canvas> element');
return;
}
//指定清空<canvas>的颜色
gl.clearColor(0.5,0.5,0.5,1.0);
//清空<canvas>
gl.clear(gl.COLOR_BUFFER_BIT);
}
//译者注 : context, 或译 “绘图环境”。