web中，canvas render 跟 webgl render 的区别

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

posted @ 2015-10-27 15:39  terryc  阅读(3809)  评论(0)  编辑  收藏  举报