美文网首页
WebGL学习(1) — 浏览器支持测试

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

作者: 守心向暖 | 来源:发表于2017-05-15 16:28 被阅读0次
  • 什么是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) — 坐标系统

相关文章

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

    什么是WebGL? WebGL是一项用来在网页上绘制和渲染三维图形并允许用户与之交互的技术。同时,WebGL(we...

  • Three.js入门

    Threejs 为什么? webGL太难用,太复杂! 但是现代浏览器都支持 WebGL 这样我们就不必使用 Fla...

  • Cesium笔记(1) 环境搭建及第一个示例

    浏览器 浏览器需要支持WebGL,可通过访问官网示例检查是否支持。建议使用火狐/谷歌浏览器。https://ces...

  • WebGL

    1、javaScript不支持线程 2、移动端不支持webGL 3、webgl不支持filestream 4、浏览...

  • WebGL(画一个点)

    什么是WebGL WebGL使得在支持HTML的canvas标签的浏览器中,不需要安装任何插件,便可以使用基于Op...

  • Unity WEBGL 沙箱文件

    今天测试了下Unity WEBGL 平台在浏览器上运行时文件的读写问题。代码如下: 测试结果发现浏览器可以下载文件...

  • 2. WebGL Browser Compatibility

    Unity WebGL在某种程度上支持所有主流桌面浏览器。但是,不同浏览器之间的支持级别和预期性能会有所不同。请参...

  • threejs Light

    WebGL and Threejs: Lightig 什么是webgl和threejs? webgl是一个在浏览器...

  • threejs Light

    WebGL and Threejs: Lightig 什么是webgl和threejs? webgl是一个在浏览器...

  • WebGL & Three.js 入门

    1、简介 WebGL 是在浏览器中实现三维效果的一套规范,而 Three.js 可以看成是浏览器对 WebGL 规...

网友评论

      本文标题:WebGL学习(1) — 浏览器支持测试

      本文链接:https://www.haomeiwen.com/subject/scyhxxtx.html