详解网页绘图API——WebGL

这篇文章旨在对 WebGL 做一个初步的介绍，希望能让各位朋友对它有一个简单的认识

创新互联是一家专业提供北林企业网站建设,专注与成都网站设计、成都网站建设、H5建站、小程序制作等业务。10年已为北林众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

基本概念

WebGL 经常被当成 3D API，人们总想“我可以使用 WebGL 和一些神奇的东西做出炫酷的 3D 作品”。 事实上 WebGL 仅仅是一个光栅化引擎，它可以根据你的代码绘制出点，线和三角形。 想要利用 WebGL 完成更复杂任务，取决于你能否提供合适的代码，组合使用点，线和三角形代替实现。WebGL 在电脑的 GPU 中运行。因此你需要使用能够在 GPU上运行的代码。 这样的代码需要提供成对的方法。每对方法中一个叫顶点着色器。另一个叫片断着色器，并且使用一种和 C 或 C++ 类似的强类型的语言 GLSL。 (GL着色语言)。 每一对组合起来称作一个 program（着色程序）顶点着色器的作用是计算顶点的位置。根据计算出的一系列顶点位置，WebGL 可以对点， 线和三角形在内的一些图元进行光栅化处理。

工作原理

WebGL 把 JavaScript 和 OpenGL （ OpenGL 是一个跨语言跨平台的专业图形程序接口，可以用于二维或者三维的图像）结合在一起，从而为HTML5 中的绘图元素 Canvas 提供硬件 3D 加速渲染，使在网页上设计3D 游戏等等成为可能。当然了，如果使用 WebGL

的话，连在浏览器里给函数绘图这种事情也是可以做得到的，学高数的朋友肯定用得上这个。

Google 上的一个用 WebGL 实现的函数绘图功能：

支持

WebGL 在最新的浏览器中被广泛支持：

台式机

Apple Safari (WebKit)Google ChromeMozilla FirefoxOpera

移动设备

Chrome for AndroidFirefox for Android

示例参考：

https://www.khronos.org/webgl/wiki/Demo_Repository

More Info：https://www.khronos.org/webgl/

新闻标题：详解网页绘图API——WebGL
分享链接：http://www.gawzjz.com/qtweb/news15/162565.html

成都网站建设公司_创新互联，为您提供电子商务、全网营销推广、手机网站建设、企业网站制作、Google、微信公众号

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联