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

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

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

原来是因为：

早期WebGL的context，还不能通过正式的名称webgl来获取，必须使用experimental-webgl来获取context对象。
但是，随着技术的发展更新，后来就可以通过正式的名称来获取context，所以，在获取context对象的时候，一些比较旧的代码使用或运算（||）来按照名称的顺序来执行。

var gl = c.getContext('webgl') || c.getContext('experimental-webgl');

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

 

关于getContext方法的用法参见笔者博客https://blog.csdn.net/acoolgiser/article/details/85800799