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 引用文件是可以從這里下載 http://files.cnblogs.com/files/terryc/jslib.zip
http://www.cnblogs.com/mirror-pc/p/4181398.html