使用 WebGL 扩展
WebGL，像它的姐妹 API（OpenGL 和 OpenGL ES），支持使用扩展（extension）。可在 khronos webgl extension registry 查看完整的扩展列表。
备注： 不像别的 GL API，在 WebGL 中，扩展只有在明确需要的情况下才会加载。
规范扩展名、供应商前缀和首选项
扩展（extension）在未被官方正式制定为标准前（但仅当它们处于草案阶段时），某些浏览器厂商可能会支持 WebGL 扩展。这样的话，扩展的名字应该加上相应的厂商前缀（MOZ_、WEBKIT_ 等），否则这个扩展只能在浏览器切换了偏好设置的前提下生效。
如果你希望使用最前沿的扩展，并希望在规范被批准后可以继续使用（当然，假设扩展不会以不兼容的方式更改），你可以查询规范扩展名称以及供应商扩展名称。例如：
js
const ext =
gl.getExtension("OES_vertex_array_object") ||
gl.getExtension("MOZ_OES_vertex_array_object") ||
gl.getExtension("WEBKIT_OES_vertex_array_object");
请注意，不鼓励使用供应商前缀，因此大多数浏览器使用功能标志（feature flag）而不是供应商前缀后面实施实验性扩展。
功能标志有：
- Firefox：
webgl.enable-draft-extensions - 基于 Chromium 的浏览器（Chrome、Opera）：
chrome://flags/#enable-webgl-draft-extensions
命名约定
WebGL 扩展以“ANGLE”、“OES”、“EXT”、“WEBGL”为前缀。这些前缀反映了来源和意图：
ANGLE_：由 ANGLE library 的作者编写的扩展。OES_和KHR_：由各自的架构审查委员会（Khronos）批准的对 OpenGL ES（OES）或 OpenGL API 扩展的功能的镜像。OVR_：针对虚拟现实进行优化的扩展。EXT_：从其他 OpenGL ES 或 OpenGL API 扩展镜像的扩展。WEBGL_：特定于 WebGL 的扩展，旨在与多种 Web 浏览器兼容。它也应该用于源自 OpenGL ES 或 OpenGL API 的扩展，但其行为已被显著改变。
查询可用的扩展程序
WebGL 上下文支持查询可用的扩展。
js
const available_extensions = gl.getSupportedExtensions();
WebGLRenderingContext.getSupportedExtensions() 方法返回一个字符串数组，每个字符串对应一个支持的扩展。
扩展列表
当前的扩展有：
ANGLE_instanced_arraysEXT_blend_minmaxEXT_color_buffer_floatEXT_color_buffer_half_floatEXT_disjoint_timer_queryEXT_float_blend实验性EXT_frag_depthEXT_shader_texture_lodEXT_sRGBEXT_texture_compression_bptcEXT_texture_compression_rgtcEXT_texture_filter_anisotropicEXT_texture_norm16KHR_parallel_shader_compileOES_element_index_uintOES_fbo_render_mipmapOES_standard_derivativesOES_texture_floatOES_texture_float_linearOES_texture_half_floatOES_texture_half_float_linearOES_vertex_array_objectOVR_multiview2WEBGL_color_buffer_floatWEBGL_compressed_texture_astcWEBGL_compressed_texture_etcWEBGL_compressed_texture_etc1WEBGL_compressed_texture_pvrtcWEBGL_compressed_texture_s3tcWEBGL_compressed_texture_s3tc_srgbWEBGL_debug_renderer_infoWEBGL_debug_shadersWEBGL_depth_textureWEBGL_draw_buffersWEBGL_lose_contextWEBGL_multi_draw
启用扩展
在一个扩展可用之前，必须使用 WebGLRenderingContext.getExtension() 来启用它。例如：
js
const float_texture_ext = gl.getExtension("OES_texture_float");
如果不支持扩展，则返回值为 null，否则为扩展对象。
扩展对象
如果扩展定义了 WebGL 核心规范中不可用的特定符号或函数，则它们将在调用 gl.getExtension() 后返回的扩展对象中可用。