WebGL学习(1) — 浏览器支持测试

• 什么是WebGL?

WebGL是一项用来在网页上绘制和渲染三维图形并允许用户与之交互的技术。同时，WebGL(web图形库)是一种javascript API，用于在任何兼容的web浏览器中呈现交互式3D和2D图形，而无需使用插件。WebGL通过引入一个与OpenGL ES2.0紧密相符合的API，可以在HTML5<canvas>元素中使用。

• 浏览器支持

Firefox 4+
Google Chrome 9+
Opera 12+
Safari 5.1+
IE 11+
// webgl的一些特性也需要用户的硬件设备支持。

• WebGL有什么优势？

1. webGL内嵌在浏览器中，不需要安装其他插件就可以直接在浏览器中使用。
2. webGL不需要搭建开发环境，文本编辑器就可以开发。
3. 轻松跨平台。
4. webGL基于并继承开源openGL。

• 测试当前浏览器是否支持WebGL

// 创建一个canvas节点
<canvas id="canvas" width="400" height="400"></canvas>
// 判断canvas对象中是否有WebGL上下文
var canvas = document.getElementById('canvas');
var gl = canvas.getContext('webgl');
if(!gl) {
    console.log('当前浏览器版本不支持webgl，请升级或切换浏览器');
}

下一篇： WebGL学习(2) — 坐标系统