canvas是html5出现的一个标签，而且一开始只能画二维的图，后来，大家想到要搞3d，所以就把javascript 跟 opengl 结合一起，弄出一个webgl，这个东西
就是一个绘制图的时候，需要用的，说白来就是 webglcontext ，拿着这个能画3d的东西。之前的context，只能画2d的东西
<html> <head> <script src="jslib/webgl-utils.js"></script> <script src="jslib/webgl-debug.js"></script> <script src="jslib/cuon-utils.js"></script> <script> function main(){ var canvas = document.getElementById("myCanvas"); var gl = getWebGLContext(canvas); if(!gl){ console.log("Failed to get the rending contentxt for WebGL."); } gl.clearColor(1,0,0,1); gl.clear(gl.COLOR_BUFFER_BIT); } </script> </head> <body onload="main()"> <canvas id="myCanvas" width = 400 height = 400> hello </canvas> </body> </html>
参考这个，对webgl有个直观的了解。 上面的js 引用文件是可以从这里下载 https://files.cnblogs.com/files/terryc/jslib.zip
http://www.cnblogs.com/mirror-pc/p/4181398.html