码迷,mamicode.com
首页 > Web开发 > 详细

web中,canvas render 跟 webgl render 的区别

时间:2015-10-27 16:52:05      阅读:390      评论:0      收藏:0      [点我收藏+]

标签:

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

web中,canvas render 跟 webgl render 的区别

标签:

原文地址:http://www.cnblogs.com/terryc/p/4914437.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!