Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 953205 of WebGL

  • 版本网址缩略名： Web/API/WebGL_API
  • 版本标题： WebGL
  • 版本 id： 953205
  • 创建于：
  • 创建者： xgqfrms
  • 是否是当前版本？ 否
  • 评论
标签： 

修订内容
{{WebGLSidebar}}

WebGL (Web Graphics Library) 是一个不用任何插件，兼容以下任一web浏览器，为了渲染2D,3D交互图形的JavaScript API. WebGL  引用的JavaScript API遵守OpenGL ES2.0规范，通过HTML5中 <canvas> 元素实现功能。

目前支持 WebGL 浏览器：Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+ and Internet Explorer 11+; 然而, WebGL一些特性也需要用户设备支持.

<canvas>元素也可以使用 Canvas 2D 来实现在web页面中绘制2D图形。

参考

标准接口

  • {{domxref("WebGLRenderingContext")}}
  • {{domxref("WebGL2RenderingContext")}} {{experimental_inline}}
  • {{domxref("WebGLActiveInfo")}}
  • {{domxref("WebGLBuffer")}}
  • {{domxref("WebGLContextEvent")}}
  • {{domxref("WebGLFramebuffer")}}
  • {{domxref("WebGLProgram")}}
  • {{domxref("WebGLQuery")}} {{experimental_inline}}
  • {{domxref("WebGLRenderbuffer")}}
  • {{domxref("WebGLSampler")}} {{experimental_inline}}
  • {{domxref("WebGLShader")}}
  • {{domxref("WebGLShaderPrecisionFormat")}}
  • {{domxref("WebGLSync")}} {{experimental_inline}}
  • {{domxref("WebGLTexture")}}
  • {{domxref("WebGLTransformFeedback")}} {{experimental_inline}}
  • {{domxref("WebGLUniformLocation")}}
  • {{domxref("WebGLVertexArrayObject")}} {{experimental_inline}}

扩展接口

  • {{domxref("ANGLE_instanced_arrays")}}
  • {{domxref("EXT_blend_minmax")}}
  • {{domxref("EXT_color_buffer_half_float")}}
  • {{domxref("EXT_disjoint_timer_query")}}
  • {{domxref("EXT_frag_depth")}}
  • {{domxref("EXT_sRGB")}}
  • {{domxref("EXT_shader_texture_lod")}}
  • {{domxref("EXT_texture_filter_anisotropic")}}
  • {{domxref("OES_element_index_uint")}}
  • {{domxref("OES_standard_derivatives")}}
  • {{domxref("OES_texture_float")}}
  • {{domxref("OES_texture_float_linear")}}
  • {{domxref("OES_texture_half_float")}}
  • {{domxref("OES_texture_half_float_linear")}}
  • {{domxref("OES_vertex_array_object")}}
  • {{domxref("WEBGL_color_buffer_float")}}
  • {{domxref("WEBGL_compressed_texture_atc")}}
  • {{domxref("WEBGL_compressed_texture_etc1")}}
  • {{domxref("WEBGL_compressed_texture_pvrtc")}}
  • {{domxref("WEBGL_compressed_texture_s3tc")}}
  • {{domxref("WEBGL_debug_renderer_info")}}
  • {{domxref("WEBGL_debug_shaders")}}
  • {{domxref("WEBGL_depth_texture")}}
  • {{domxref("WEBGL_draw_buffers")}}
  • {{domxref("WEBGL_lose_context")}}
  • {{domxref("WebGLTimerQueryEXT")}}
  • {{domxref("WebGLVertexArrayObjectOES")}}

事件

  • {{Event("webglcontextlost")}}
  • {{Event("webglcontextrestored")}}
  • {{Event("webglcontextcreationerror")}}

常量和类型

指南和教程

资源

库

  • glMatrix 创建高性能WebGL应用的javascript矩阵矢量库。
  • Sylvester 一个开源的 JavaScript矩阵矢量库，不仅很好，而且很强壮。

规范

规格 状态 建议
{{SpecName('WebGL')}} {{Spec2('WebGL')}} Initial definition.
{{SpecName('WebGL2')}} {{Spec2('WebGL2')}}  

浏览器兼容性

{{CompatibilityTable}}
Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
Basic support {{CompatGeckoDesktop("2.0")}} 9 11 12 (experiment) 5.1 (experiment)
OES_texture_float {{CompatGeckoDesktop("6.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
OES_standard_derivatives {{CompatGeckoDesktop("10.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
EXT_texture_filter_anisotropic {{CompatGeckoDesktop("13.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
WEBGL_compressed_texture_s3tc {{CompatGeckoDesktop("15.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
drawingBufferWidth and drawingBufferHeight attributes {{CompatGeckoDesktop("9.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
Feature Firefox Mobile (Gecko) Chrome for Android IE Mobile Opera Mobile Safari Mobile
Basic support 4 25 (experiment) {{CompatNo}} 12 (experiment) 8.1
drawingBufferWidth and drawingBufferHeight attributes {{CompatGeckoMobile("9.0")}} 25 {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
OES_texture_float {{CompatGeckoMobile("6.0")}} 25 {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
OES_standard_derivatives {{CompatGeckoMobile("10.0")}} 25 {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
EXT_texture_filter_anisotropic {{CompatGeckoMobile("13.0")}} 25 {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
OES_element_index_uint {{CompatUnknown}} 25 {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
OES_vertex_array_object {{CompatUnknown}} 25 {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
WEBGL_compressed_texture_s3tc {{CompatGeckoMobile("15.0")}} 25
prefixed with WEBKIT_		 {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
WEBKIT_EXT_texture_filter_nisotropic {{CompatNo}} 25 {{CompatNo}} {{CompatNo}} {{CompatUnknown}}
[1] 这个特性目前在试验阶段.

 

兼容性说明

除了浏览器，GPU本身也需要支持这个特性. 举个例子, S3 纹理压缩 (S3TC) 只可以用在基于图睿的GPU处理器. 大多数浏览器支持 webgl context name, 但是旧的浏览器支持 experimental-webgl更好些. 除此之外, 即将来临的 WebGL 2 只会向后兼容，在未来将使用新的上下文名称 experimental-webgl2 (目前正在测试中).

Gecko备忘

WebGL debugging and testing

开始使用Gecko 10.0 {{geckoRelease("10.0")}}, 在测试中，这里有两个参数可以让你来控制WebGL性能:

webgl.min_capability_mode
A Boolean property that, when true, enables a minimum capability mode. When in this mode, WebGL is configured to only support the bare minimum feature set and capabilities required by the WebGL specification. This lets you ensure that your WebGL code will work on any device or browser, regardless of their capabilities. This is false by default.
webgl.disable_extensions
A Boolean property that, when true, disables all WebGL extensions. This is false by default.

其他相关资源

修订版来源

 
<div class="boxed translate-rendered">
<div>{{WebGLSidebar}}</div>

<div class="summary">
<p>WebGL (Web Graphics Library) 是一个不用任何插件，兼容以下任一web浏览器，为了渲染2D,3D交互图形的JavaScript API. WebGL &nbsp;引用的JavaScript API遵守OpenGL ES2.0规范，通过HTML5中 &lt;canvas&gt; 元素实现功能。</p>
</div>

<p>目前支持 WebGL 浏览器：<a href="https://developer.mozilla.org/en-US/Firefox" title="Firefox 4 for developers">Firefox</a>&nbsp;4+, <a href="https://www.google.com/chrome/" title="https://www.google.com/chrome/">Google Chrome</a> 9+, <a href="https://www.opera.com/" title="https://www.opera.com/">Opera</a>&nbsp;12+, <a href="https://www.apple.com/safari/" title="https://www.apple.com/fr/safari/">Safari </a>5.1+ and <a href="https://windows.microsoft.com/en-us/internet-explorer/browser-ie" title="https://windows.microsoft.com/en-us/internet-explorer/download-ie">Internet Explorer</a> 11+; 然而, WebGL一些特性也需要用户设备支持.</p>

<p><code>&lt;canvas&gt;</code>元素也可以使用&nbsp;<a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API">Canvas 2D</a>&nbsp;来实现在web页面中绘制2D图形。</p>

<h2 id="Reference">参考</h2>

<h3 id="Standard_interfaces">标准接口</h3>

<div class="index">
<ul>
 <li>{{domxref("WebGLRenderingContext")}}</li>
 <li>{{domxref("WebGL2RenderingContext")}} {{experimental_inline}}</li>
 <li>{{domxref("WebGLActiveInfo")}}</li>
 <li>{{domxref("WebGLBuffer")}}</li>
 <li>{{domxref("WebGLContextEvent")}}</li>
 <li>{{domxref("WebGLFramebuffer")}}</li>
 <li>{{domxref("WebGLProgram")}}</li>
 <li>{{domxref("WebGLQuery")}} {{experimental_inline}}</li>
 <li>{{domxref("WebGLRenderbuffer")}}</li>
 <li>{{domxref("WebGLSampler")}} {{experimental_inline}}</li>
 <li>{{domxref("WebGLShader")}}</li>
 <li>{{domxref("WebGLShaderPrecisionFormat")}}</li>
 <li>{{domxref("WebGLSync")}} {{experimental_inline}}</li>
 <li>{{domxref("WebGLTexture")}}</li>
 <li>{{domxref("WebGLTransformFeedback")}} {{experimental_inline}}</li>
 <li>{{domxref("WebGLUniformLocation")}}</li>
 <li>{{domxref("WebGLVertexArrayObject")}} {{experimental_inline}}</li>
</ul>
</div>

<h3 id="Extension_interfaces">扩展接口</h3>

<div class="index">
<ul>
 <li>{{domxref("ANGLE_instanced_arrays")}}</li>
 <li>{{domxref("EXT_blend_minmax")}}</li>
 <li>{{domxref("EXT_color_buffer_half_float")}}</li>
 <li>{{domxref("EXT_disjoint_timer_query")}}</li>
 <li>{{domxref("EXT_frag_depth")}}</li>
 <li>{{domxref("EXT_sRGB")}}</li>
 <li>{{domxref("EXT_shader_texture_lod")}}</li>
 <li>{{domxref("EXT_texture_filter_anisotropic")}}</li>
 <li>{{domxref("OES_element_index_uint")}}</li>
 <li>{{domxref("OES_standard_derivatives")}}</li>
 <li>{{domxref("OES_texture_float")}}</li>
 <li>{{domxref("OES_texture_float_linear")}}</li>
 <li>{{domxref("OES_texture_half_float")}}</li>
 <li>{{domxref("OES_texture_half_float_linear")}}</li>
 <li>{{domxref("OES_vertex_array_object")}}</li>
 <li>{{domxref("WEBGL_color_buffer_float")}}</li>
 <li>{{domxref("WEBGL_compressed_texture_atc")}}</li>
 <li>{{domxref("WEBGL_compressed_texture_etc1")}}</li>
 <li>{{domxref("WEBGL_compressed_texture_pvrtc")}}</li>
 <li>{{domxref("WEBGL_compressed_texture_s3tc")}}</li>
 <li>{{domxref("WEBGL_debug_renderer_info")}}</li>
 <li>{{domxref("WEBGL_debug_shaders")}}</li>
 <li>{{domxref("WEBGL_depth_texture")}}</li>
 <li>{{domxref("WEBGL_draw_buffers")}}</li>
 <li>{{domxref("WEBGL_lose_context")}}</li>
 <li>{{domxref("WebGLTimerQueryEXT")}}</li>
 <li>{{domxref("WebGLVertexArrayObjectOES")}}</li>
</ul>
</div>

<h3 id="Events">事件</h3>

<ul>
 <li>{{Event("webglcontextlost")}}</li>
 <li>{{Event("webglcontextrestored")}}</li>
 <li>{{Event("webglcontextcreationerror")}}</li>
</ul>

<h3 id="Constants_and_types">常量和类型</h3>

<ul>
 <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Constants"><u><font color="#0066cc">WebGL constants</font></u></a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Types"><u><font color="#0066cc">WebGL types</font></u></a></li>
</ul>

<h2 id="指南和教程">指南和教程</h2>

<ul>
 <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial">WebGL 教程</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/WebGL_best_practices">WebGL best practices</a> 大量技巧和建议来改善你的WebGL的知识。</li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Using_Extensions">Using extensions</a> 在WebGL如何进行有用的扩展。</li>
</ul>

<h2 id="资源">资源</h2>

<ul>
 <li><a href="https://www.youtube.com/embed/H4c8t6myAWU/?feature=player_detailpage">Raw WebGL: An introduction to WebGL</a>&nbsp;Nick Desaulniers 主讲的WebGL 基础知识. 这是一个开始初级图形编程的好地方</li>
 <li><a href="https://www.khronos.org/webgl/" title="https://www.khronos.org/webgl/">Khronos WebGL site</a>&nbsp;Khronos Group 的WebGl 官方站点.&nbsp;</li>
 <li><a href="https://learningwebgl.com/blog/?page_id=1217" title="https://learningwebgl.com/blog/">Learning WebGL</a> 一个关于如何使用WebGL的教程站点。</li>
 <li><a href="https://www.html5rocks.com/en/tutorials/webgl/webgl_fundamentals/" title="https://www.html5rocks.com/en/tutorials/webgl/webgl_fundamentals/">WebGL Fundamentals</a> 一个关于WebGL的初级教程。</li>
 <li><a href="https://webglplayground.net" title="https://webglplayground.net">WebGL playground</a> 一个在线创建和分享WebGL的工具站点. 非常适合快速创建一个原型或者体验一个成品.</li>
 <li><a href="https://www.webglacademy.com" title="https://www.webglacademy.com">WebGL Academy</a> 通过一个 HTML/JavaScript 编辑器来学习一个基础的WebGl基础知识。</li>
</ul>

<h3 id="库">库</h3>

<ul>
 <li><a class="link-https" href="https://github.com/toji/gl-matrix" title="https://github.com/toji/gl-matrix">glMatrix</a>&nbsp;创建高性能WebGL应用的javascript矩阵矢量库。</li>
 <li><a href="https://sylvester.jcoglan.com/" title="https://sylvester.jcoglan.com/">Sylvester</a>&nbsp;一个开源的 JavaScript矩阵矢量库，不仅很好，而且很强壮。</li>
</ul>

<h2 id="规范">规范</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">规格</th>
   <th scope="col">状态</th>
   <th scope="col">建议</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('WebGL')}}</td>
   <td>{{Spec2('WebGL')}}</td>
   <td>Initial definition.</td>
  </tr>
  <tr>
   <td>{{SpecName('WebGL2')}}</td>
   <td>{{Spec2('WebGL2')}}</td>
   <td>&nbsp;</td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容性">浏览器兼容性</h2>

<div>{{CompatibilityTable}}</div>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Firefox (Gecko)</th>
   <th>Chrome</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatGeckoDesktop("2.0")}}</td>
   <td>9</td>
   <td>11</td>
   <td>12&nbsp;(experiment)</td>
   <td>5.1&nbsp;(experiment)</td>
  </tr>
  <tr>
   <td><a href="https://www.khronos.org/registry/gles/extensions/OES/OES_texture_float.txt" title="https://www.khronos.org/registry/gles/extensions/OES/OES_texture_float.txt"><code>OES_texture_float</code></a></td>
   <td>{{CompatGeckoDesktop("6.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><a href="https://www.khronos.org/registry/webgl/extensions/OES_standard_derivatives/" title="https://www.khronos.org/registry/webgl/extensions/OES_standard_derivatives/"><code>OES_standard_derivatives</code></a></td>
   <td>{{CompatGeckoDesktop("10.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><a href="https://developer.mozilla.org/en-US/docs/WebGL/Using_Extensions#EXT_texture_filter_anisotropic" title="WebGL/Using_Extensions#EXT_texture_filter_anisotropic"><code>EXT_texture_filter_anisotropic</code></a></td>
   <td>{{CompatGeckoDesktop("13.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><a href="https://developer.mozilla.org/en-US/docs/WebGL/Using_Extensions#WEBGL_compressed_texture_s3tc" title="WebGL/Using_Extensions#WEBGL_compressed_texture_s3tc"><code>WEBGL_compressed_texture_s3tc</code></a></td>
   <td>{{CompatGeckoDesktop("15.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>drawingBufferWidth</code> and <code>drawingBufferHeight</code> attributes</td>
   <td>{{CompatGeckoDesktop("9.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>Chrome for Android</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>4</td>
   <td>25 (experiment)</td>
   <td>{{CompatNo}}</td>
   <td>12&nbsp;(experiment)</td>
   <td>8.1</td>
  </tr>
  <tr>
   <td><code>drawingBufferWidth</code>&nbsp;and&nbsp;<code>drawingBufferHeight</code>&nbsp;attributes</td>
   <td>{{CompatGeckoMobile("9.0")}}</td>
   <td>25</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><a href="https://www.khronos.org/registry/gles/extensions/OES/OES_texture_float.txt" title="https://www.khronos.org/registry/gles/extensions/OES/OES_texture_float.txt"><code>OES_texture_float</code></a></td>
   <td>{{CompatGeckoMobile("6.0")}}</td>
   <td>25</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><a href="https://www.khronos.org/registry/webgl/extensions/OES_standard_derivatives/" title="https://www.khronos.org/registry/webgl/extensions/OES_standard_derivatives/"><code>OES_standard_derivatives</code></a></td>
   <td>{{CompatGeckoMobile("10.0")}}</td>
   <td>25</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><a href="https://developer.mozilla.org/en-US/docs/WebGL/Using_Extensions#EXT_texture_filter_anisotropic" title="WebGL/Using_Extensions#EXT_texture_filter_anisotropic"><code>EXT_texture_filter_anisotropic</code></a></td>
   <td>{{CompatGeckoMobile("13.0")}}</td>
   <td>25</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>OES_element_index_uint</code></td>
   <td>{{CompatUnknown}}</td>
   <td>25</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>OES_vertex_array_object</code></td>
   <td>{{CompatUnknown}}</td>
   <td>25</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><a href="https://developer.mozilla.org/en-US/docs/WebGL/Using_Extensions#WEBGL_compressed_texture_s3tc" title="WebGL/Using_Extensions#WEBGL_compressed_texture_s3tc"><code>WEBGL_compressed_texture_s3tc</code></a></td>
   <td>{{CompatGeckoMobile("15.0")}}</td>
   <td>25<br />
    prefixed with WEBKIT_</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>WEBKIT_EXT_texture_filter_nisotropic</code></td>
   <td>{{CompatNo}}</td>
   <td>25</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<h5 id="1_这个特性目前在试验阶段.">[1] 这个特性目前在试验阶段.</h5>

<p>&nbsp;</p>

<h3 id="兼容性说明">兼容性说明</h3>

<p>除了浏览器，GPU本身也需要支持这个特性. 举个例子, S3 纹理压缩 (S3TC) 只可以用在基于图睿的GPU处理器. 大多数浏览器支持&nbsp;<code>webgl</code> context name, 但是旧的浏览器支持&nbsp;<code>experimental-webgl更好些</code>. 除此之外, 即将来临的&nbsp;WebGL 2 只会向后兼容，在未来将使用新的上下文名称&nbsp;<code>experimental-webgl2</code>&nbsp;(目前正在测试中).</p>

<h3 id="Gecko备忘">Gecko备忘</h3>

<h4 id="WebGL_debugging_and_testing">WebGL debugging and testing</h4>

<p>开始使用Gecko 10.0 {{geckoRelease("10.0")}}, 在测试中，这里有两个参数可以让你来控制WebGL性能:</p>

<dl>
 <dt><code>webgl.min_capability_mode</code></dt>
 <dd>A Boolean property that, when <code>true</code>, enables a minimum capability mode. When in this mode, WebGL is configured to only support the bare minimum feature set and capabilities required by the WebGL specification. This lets you ensure that your WebGL code will work on any device or browser, regardless of their capabilities. This is <code>false</code> by default.</dd>
 <dt><code>webgl.disable_extensions</code></dt>
 <dd>A Boolean property that, when <code>true</code>, disables all WebGL extensions. This is <code>false</code> by default.</dd>
</dl>

<h2 id="其他相关资源">其他相关资源</h2>

<ul>
 <li><a href="https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API">Canvas(画布)</a></li>
 <li><a href="https://developer.mozilla.org/zh-CN/docs/Web/API/WebGLRenderingContext/getSupportedExtensions#Browser_compatibility">兼容性信息关于WebGL的扩展</a></li>
</ul>
</div>
恢复到这个版本