canvas.getContext( 'experimental-webgl' ) 是什么意思?
文章推薦指數: 80 %
早期WebGL的context,还不能通过正式的名称webgl来获取,必须使用experimental-webgl来获取context对象。
但是,随着技术的发展更新,后来就可以通过正式 ...
canvas.getContext('webgl')||canvas.getContext('experimental-webgl')是什么意思?
acoolgiser
于 2019-01-0509:42:54 发布
3816
收藏
分类专栏:
WebGL
本文为acoolgiser原创文章,转载请贴上原文链接。
(公众号:acoolgiser)
本文链接:https://blog.csdn.net/acoolgiser/article/details/85835164
版权
WebGL
专栏收录该内容
5篇文章
1订阅
订阅专栏
在学习webgl的时候,看到别人的example里面有这样的代码:
canvas.getContext('webgl')||canvas.getContext('experimental-webgl')是什么意思?为什么这样写?
原来是因为:
早期WebGL的context,还不能通过正式的名称webgl来获取,必须使用experimental-webgl来获取context对象。
但是,随着技术的发展更新,后来就可以通过正式的名称来获取context,所以,在获取context对象的时候,一些比较旧的代码使用或运算(||)来按照名称的顺序来执行。
vargl=c.getContext('webgl')||c.getContext('experimental-webgl');
如果浏览器支持webgl的话,这个时候gl就是你获取到的WebGL的context,接下来就通过gl来操作WebGL。
关于getContext方法的用法参见笔者博客https://blog.csdn.net/acoolgiser/article/details/85800799
acoolgiser
关注
关注
0
点赞
踩
0
评论
0
收藏
打赏
扫一扫,分享内容
点击复制链接
专栏目录
webgl学习笔记(一)
土豆的博客
09-03
1725
webgl学习笔记制作一个简单的三角形,麻雀虽小五脏俱全
【WebGL】helloWebGL
lishichengyan的博客
12-11
243
开始学习WebGL了。
1、怎么创建一个canvas?
canvas的含义是画布,是一个装载图形的容器,WebGL绘制的场景都装在这个容器里。
它的创建很简单,我们可以先在style标签内定义它的边框属性:
canvas{border:2pxdottedblue;}
然后在body标签内加上:
yourbrowserdoesnotsupportHTML5
参与评论
您还未登录,请先
登录
后发表或查看评论
webGL学习笔记(一)
weixin_43862005的博客
06-24
195
WebGL入门
webGL,是一项用来在网页上绘制和渲染复杂三维图形(3D图形),并允许用户与之进行交互的技术。
webGL接合了HTML5和JavaScript,允许开发者在网页上创建和渲染3D图形。
下面是一些精彩的webGL示例
Aquarium
Cube
WebGLBookcase
WebGLEarth
接下来先简单介绍一下使用到的知识要点
使用
延伸文章資訊
- 1HTMLCanvasElement.getContext() - Web APIs | MDN
Note: The identifier "experimental-webgl" is used in new implementations of WebGL. These implemen...
- 2Day 9 : WebGL初探 - iT 邦幫忙
WebGL又是基於OpenGL ES而發展的函式庫,所以可以說只要是OpenGL 2.0版本運行ok ... 第一是2d,第二就是webgl 或experimental-webgl,我有用過2d...
- 3HTMLCanvasElement.getContext() - Web API 接口参考| MDN
"webgl" (或 "experimental-webgl" ) 这将创建一个 WebGLRenderingContext 三维渲染上下文对象。只在实现WebGL 版本1(OpenGL ES ...
- 4Difference between "webgl" and "experimental-webgl" - Stack ...
TL;DR: "experimental-webgl" = beta, it was used by browsers before WebGL 1.0 shipped to try to in...
- 5取得WebGL drawing context繪製在canvas上 - gists · GitHub
function initWebGL(canvas) {. var gl;. try {. gl = canvas.getContext("experimental-webgl");. /**....