WebGL学习笔记

最新推荐文章于 2024-10-10 19:13:29 发布

zwdhd

最新推荐文章于 2024-10-10 19:13:29 发布

阅读量385

点赞数 1

分类专栏： web开发文章标签： mozilla opera chrome safari javascript firefox

本文链接：https://blog.csdn.net/zwdhd/article/details/6799875

版权

web开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

今天初次接触webGL,只知道个大概

openGL大家都不陌生吧，webGL是openGL的web应用版，它提供了web应用的3D图像编程的API

依托于HTML5的canvas元素作为DOM接口，可以利用Javascript的内存自动管理。

webGL目前有Apple (Safari), Google (Chrome), Mozilla (Firefox), and Opera (Opera)支持，MS目前还不没有开放标准，因为还没有扯清楚webGL带来的信息安全问题，将来可能会开放？

下面是一段webGL的代码

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript"> 


var canvas = document.getElementById("canvas"); 
var gl = canvas.getContext('webgl'); 
canvas.width = newWidth; 
canvas.height = newHeight; 
gl.viewport(0, 0, canvas.width, canvas.height); 


</script> 
</head> 


<body> 
<canvas id="canvas"  style="width:50%; height:50%; background:#0F0;"/> 
</body> 
</html>





在chrome浏览器中打开能看到页面左上角有一个绿色填充的长方形。