canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) 是什么意思?

2019-01-17 10:46:55 浏览数 (1)

在学习webgl的时候,看到别人的example里面有这样的代码:

canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) 是什么意思?为什么这样写?

原来是因为:

早期WebGL的context,还不能通过正式的名称webgl来获取,必须使用experimental-webgl来获取context对象。

但是,随着技术的发展更新,后来就可以通过正式的名称来获取context,所以,在获取context对象的时候,一些比较旧的代码使用或运算(||)来按照名称的顺序来执行。

代码语言:javascript复制
var gl = c.getContext('webgl') || c.getContext('experimental-webgl');

如果浏览器支持webgl的话,这个时候gl就是你获取到的WebGL的context,接下来就通过gl来操作WebGL。

关于getContext方法的用法参见笔者博客https://cloud.tencent.com/developer/article/1383924

0 人点赞