WebGL2Baseline · Widely available

The WebGL2RenderingContext API is the "webgl2" rendering context for the <canvas> element. It represents a space for drawing two- and three-dimensional graphics and animations. It corresponds to OpenGL ES 3.0.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Sep 20, 2021. Widely available since Mar 20, 2024.

How to use ↓Compare browsers

Browser support

DesktopChrome

1–55Not supported

56+Supportedsince Jan 25, 2017

Current: 155

Edge

12–18Not supported

79+Supportedsince Jan 15, 2020

Current: 154

Firefox

1–50Not supported

51+Supportedsince Jan 24, 2017

Current: 157

Safari

1–14.1Not supported

15+Supportedsince Sep 20, 2021

Current: 27

MobileChrome Android

18–57Not supported

58+Supportedsince Apr 25, 2017

Current: 155

Firefox Android

4–50Not supported

51+Supportedsince Jan 24, 2017

Current: 157

Safari iOS

1–14.5Not supported

15+Supportedsince Sep 20, 2021

Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: WebGL2RenderingContext.

Feature detection

JS · check before using

if ("WebGL2RenderingContext" in globalThis) {
  // WebGL2RenderingContext is available
} else {
  // load a polyfill or use a fallback
}

Documentation (MDN)

Specification

registry.khronos.org/webgl/specs/latest/2.0 ↗

Usage share

caniuse.com/webgl2 ↗

Sub-features

Support for each part of the feature (239). The overall table above shows when the whole feature works.

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
HTMLCanvasElement.getContext.webgl2_context	56	79	51	15	56	51	15
HTMLCanvasElement.getContext.webgl2_context.options_alpha_parameter	56	79	51	15	56	51	15
HTMLCanvasElement.getContext.webgl2_context.options_failIfMajorPerformanceCaveat_parameter	56	79	51	15	56	51	15
HTMLCanvasElement.getContext.webgl2_context.options_powerPreference_parameter	✕	✕	✕	15	✕	✕	15
WebGL2RenderingContext	56	79	51	15	58	51	15
WebGL2RenderingContext.activeTexture	56	79	51	15	58	51	15
WebGL2RenderingContext.attachShader	56	79	51	15	58	51	15
WebGL2RenderingContext.beginQuery	56	79	51	15	58	51	15
WebGL2RenderingContext.beginTransformFeedback	56	79	51	15	58	51	15
WebGL2RenderingContext.bindAttribLocation	56	79	51	15	58	51	15
WebGL2RenderingContext.bindBuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.bindBufferBase	56	79	51	15	58	51	15
WebGL2RenderingContext.bindBufferRange	56	79	51	15	58	51	15
WebGL2RenderingContext.bindFramebuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.bindRenderbuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.bindSampler	56	79	51	15	58	51	15
WebGL2RenderingContext.bindTexture	56	79	51	15	58	51	15
WebGL2RenderingContext.bindTransformFeedback	56	79	51	15	58	51	15
WebGL2RenderingContext.bindVertexArray	56	79	51	15	58	51	15
WebGL2RenderingContext.blendColor	56	79	51	15	58	51	15

Show 219 more

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
WebGL2RenderingContext.blendEquation	56	79	51	15	58	51	15
WebGL2RenderingContext.blendEquationSeparate	56	79	51	15	58	51	15
WebGL2RenderingContext.blendFunc	56	79	51	15	58	51	15
WebGL2RenderingContext.blendFuncSeparate	56	79	51	15	58	51	15
WebGL2RenderingContext.blitFramebuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.bufferData	56	79	51	15	58	51	15
WebGL2RenderingContext.bufferSubData	56	79	51	15	58	51	15
WebGL2RenderingContext.canvas	56	79	51	15	58	51	15
WebGL2RenderingContext.checkFramebufferStatus	56	79	51	15	58	51	15
WebGL2RenderingContext.clear	56	79	51	15	58	51	15
WebGL2RenderingContext.clearBufferfi	56	79	51	15	58	51	15
WebGL2RenderingContext.clearBufferfv	56	79	51	15	58	51	15
WebGL2RenderingContext.clearBufferiv	56	79	51	15	58	51	15
WebGL2RenderingContext.clearBufferuiv	56	79	51	15	58	51	15
WebGL2RenderingContext.clearColor	56	79	51	15	58	51	15
WebGL2RenderingContext.clearDepth	56	79	51	15	58	51	15
WebGL2RenderingContext.clearStencil	56	79	51	15	58	51	15
WebGL2RenderingContext.clientWaitSync	56	79	51	15	58	51	15
WebGL2RenderingContext.colorMask	56	79	51	15	58	51	15
WebGL2RenderingContext.compileShader	56	79	51	15	58	51	15
WebGL2RenderingContext.compressedTexImage2D	56	79	51	15	58	51	15
WebGL2RenderingContext.compressedTexImage3D	56	79	51	15	58	51	15
WebGL2RenderingContext.compressedTexSubImage2D	56	79	51	15	58	51	15
WebGL2RenderingContext.compressedTexSubImage3D	56	79	51	15	58	51	15
WebGL2RenderingContext.copyBufferSubData	56	79	51	15	58	51	15
WebGL2RenderingContext.copyTexImage2D	56	79	51	15	58	51	15
WebGL2RenderingContext.copyTexSubImage2D	56	79	51	15	58	51	15
WebGL2RenderingContext.copyTexSubImage3D	56	79	51	15	58	51	15
WebGL2RenderingContext.createBuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.createFramebuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.createProgram	56	79	51	15	58	51	15
WebGL2RenderingContext.createQuery	56	79	51	15	58	51	15
WebGL2RenderingContext.createRenderbuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.createSampler	56	79	51	15	58	51	15
WebGL2RenderingContext.createShader	56	79	51	15	58	51	15
WebGL2RenderingContext.createTexture	56	79	51	15	58	51	15
WebGL2RenderingContext.createTransformFeedback	56	79	51	15	58	51	15
WebGL2RenderingContext.createVertexArray	56	79	51	15	58	51	15
WebGL2RenderingContext.cullFace	56	79	51	15	58	51	15
WebGL2RenderingContext.deleteBuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.deleteFramebuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.deleteProgram	56	79	51	15	58	51	15
WebGL2RenderingContext.deleteQuery	56	79	51	15	58	51	15
WebGL2RenderingContext.deleteRenderbuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.deleteSampler	56	79	51	15	58	51	15
WebGL2RenderingContext.deleteShader	56	79	51	15	58	51	15
WebGL2RenderingContext.deleteSync	56	79	51	15	58	51	15
WebGL2RenderingContext.deleteTexture	56	79	51	15	58	51	15
WebGL2RenderingContext.deleteTransformFeedback	56	79	51	15	58	51	15
WebGL2RenderingContext.deleteVertexArray	56	79	51	15	58	51	15
WebGL2RenderingContext.depthFunc	56	79	51	15	58	51	15
WebGL2RenderingContext.depthMask	56	79	51	15	58	51	15
WebGL2RenderingContext.depthRange	56	79	51	15	58	51	15
WebGL2RenderingContext.detachShader	56	79	51	15	58	51	15
WebGL2RenderingContext.disable	56	79	51	15	58	51	15
WebGL2RenderingContext.disableVertexAttribArray	56	79	51	15	58	51	15
WebGL2RenderingContext.drawArrays	56	79	51	15	58	51	15
WebGL2RenderingContext.drawArraysInstanced	56	79	51	15	58	51	15
WebGL2RenderingContext.drawBuffers	56	79	51	15	58	51	15
WebGL2RenderingContext.drawElements	56	79	51	15	58	51	15
WebGL2RenderingContext.drawElementsInstanced	56	79	51	15	58	51	15
WebGL2RenderingContext.drawRangeElements	56	79	51	15	58	51	15
WebGL2RenderingContext.drawingBufferFormat	122	122	✕	✕	122	✕	✕
WebGL2RenderingContext.drawingBufferHeight	56	79	51	15	58	51	15
WebGL2RenderingContext.drawingBufferStorage	122	122	✕	✕	122	✕	✕
WebGL2RenderingContext.drawingBufferWidth	56	79	51	15	58	51	15
WebGL2RenderingContext.enable	56	79	51	15	58	51	15
WebGL2RenderingContext.enableVertexAttribArray	56	79	51	15	58	51	15
WebGL2RenderingContext.endQuery	56	79	51	15	58	51	15
WebGL2RenderingContext.endTransformFeedback	56	79	51	15	58	51	15
WebGL2RenderingContext.fenceSync	56	79	51	15	58	51	15
WebGL2RenderingContext.finish	56	79	51	15	58	51	15
WebGL2RenderingContext.flush	56	79	51	15	58	51	15
WebGL2RenderingContext.framebufferRenderbuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.framebufferTexture2D	56	79	51	15	58	51	15
WebGL2RenderingContext.framebufferTextureLayer	56	79	51	15	58	51	15
WebGL2RenderingContext.frontFace	56	79	51	15	58	51	15
WebGL2RenderingContext.generateMipmap	56	79	51	15	58	51	15
WebGL2RenderingContext.getActiveAttrib	56	79	51	15	58	51	15
WebGL2RenderingContext.getActiveUniform	56	79	51	15	58	51	15
WebGL2RenderingContext.getActiveUniformBlockName	56	79	51	15	58	51	15
WebGL2RenderingContext.getActiveUniformBlockParameter	56	79	51	15	58	51	15
WebGL2RenderingContext.getActiveUniforms	56	79	51	15	58	51	15
WebGL2RenderingContext.getAttachedShaders	56	79	51	15	58	51	15
WebGL2RenderingContext.getAttribLocation	56	79	51	15	58	51	15
WebGL2RenderingContext.getBufferParameter	56	79	51	15	58	51	15
WebGL2RenderingContext.getBufferSubData	56	79	51	15	58	51	15
WebGL2RenderingContext.getContextAttributes	56	79	51	15	58	51	15
WebGL2RenderingContext.getError	56	79	51	15	58	51	15
WebGL2RenderingContext.getExtension	56	79	51	15	58	51	15
WebGL2RenderingContext.getFragDataLocation	56	79	51	15	58	51	15
WebGL2RenderingContext.getFramebufferAttachmentParameter	56	79	51	15	58	51	15
WebGL2RenderingContext.getIndexedParameter	56	79	51	15	58	51	15
WebGL2RenderingContext.getInternalformatParameter	56	79	51	15	58	51	15
WebGL2RenderingContext.getParameter	56	79	51	15	58	51	15
WebGL2RenderingContext.getProgramInfoLog	56	79	51	15	58	51	15
WebGL2RenderingContext.getProgramParameter	56	79	51	15	58	51	15
WebGL2RenderingContext.getQuery	56	79	51	15	58	51	15
WebGL2RenderingContext.getQueryParameter	56	79	51	15	58	51	15
WebGL2RenderingContext.getRenderbufferParameter	56	79	51	15	58	51	15
WebGL2RenderingContext.getSamplerParameter	56	79	51	15	58	51	15
WebGL2RenderingContext.getShaderInfoLog	56	79	51	15	58	51	15
WebGL2RenderingContext.getShaderParameter	56	79	51	15	58	51	15
WebGL2RenderingContext.getShaderPrecisionFormat	56	79	51	15	58	51	15
WebGL2RenderingContext.getShaderSource	56	79	51	15	58	51	15
WebGL2RenderingContext.getSupportedExtensions	56	79	51	15	58	51	15
WebGL2RenderingContext.getSyncParameter	56	79	51	15	58	51	15
WebGL2RenderingContext.getTexParameter	56	79	51	15	58	51	15
WebGL2RenderingContext.getTransformFeedbackVarying	56	79	51	15	58	51	15
WebGL2RenderingContext.getUniform	56	79	51	15	58	51	15
WebGL2RenderingContext.getUniformBlockIndex	56	79	51	15	58	51	15
WebGL2RenderingContext.getUniformIndices	56	79	51	15	58	51	15
WebGL2RenderingContext.getUniformLocation	56	79	51	15	58	51	15
WebGL2RenderingContext.getVertexAttrib	56	79	51	15	58	51	15
WebGL2RenderingContext.getVertexAttribOffset	56	79	51	15	58	51	15
WebGL2RenderingContext.hint	56	79	51	15	58	51	15
WebGL2RenderingContext.invalidateFramebuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.invalidateSubFramebuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.isBuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.isContextLost	56	79	51	15	58	51	15
WebGL2RenderingContext.isEnabled	56	79	51	15	58	51	15
WebGL2RenderingContext.isFramebuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.isProgram	56	79	51	15	58	51	15
WebGL2RenderingContext.isQuery	56	79	51	15	58	51	15
WebGL2RenderingContext.isRenderbuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.isSampler	56	79	51	15	58	51	15
WebGL2RenderingContext.isShader	56	79	51	15	58	51	15
WebGL2RenderingContext.isSync	56	79	51	15	58	51	15
WebGL2RenderingContext.isTexture	56	79	51	15	58	51	15
WebGL2RenderingContext.isTransformFeedback	56	79	51	15	58	51	15
WebGL2RenderingContext.isVertexArray	56	79	51	15	58	51	15
WebGL2RenderingContext.lineWidth	56	79	51	15	58	51	15
WebGL2RenderingContext.linkProgram	56	79	51	15	58	51	15
WebGL2RenderingContext.pauseTransformFeedback	56	79	51	15	58	51	15
WebGL2RenderingContext.pixelStorei	56	79	51	15	58	51	15
WebGL2RenderingContext.polygonOffset	56	79	51	15	58	51	15
WebGL2RenderingContext.readBuffer	56	79	51	15	58	51	15
WebGL2RenderingContext.readPixels	56	79	51	15	58	51	15
WebGL2RenderingContext.renderbufferStorage	56	79	51	15	58	51	15
WebGL2RenderingContext.renderbufferStorageMultisample	56	79	51	15	58	51	15
WebGL2RenderingContext.resumeTransformFeedback	56	79	51	15	58	51	15
WebGL2RenderingContext.sampleCoverage	56	79	51	15	58	51	15
WebGL2RenderingContext.samplerParameterf	56	79	51	15	58	51	15
WebGL2RenderingContext.samplerParameteri	56	79	51	15	58	51	15
WebGL2RenderingContext.scissor	56	79	51	15	58	51	15
WebGL2RenderingContext.shaderSource	56	79	51	15	58	51	15
WebGL2RenderingContext.stencilFunc	56	79	51	15	58	51	15
WebGL2RenderingContext.stencilFuncSeparate	56	79	51	15	58	51	15
WebGL2RenderingContext.stencilMask	56	79	51	15	58	51	15
WebGL2RenderingContext.stencilMaskSeparate	56	79	51	15	58	51	15
WebGL2RenderingContext.stencilOp	56	79	51	15	58	51	15
WebGL2RenderingContext.stencilOpSeparate	56	79	51	15	58	51	15
WebGL2RenderingContext.texImage2D	56	79	51	15	58	✕	15
WebGL2RenderingContext.texImage3D	56	79	51	15	58	51	15
WebGL2RenderingContext.texParameterf	56	79	51	15	58	51	15
WebGL2RenderingContext.texParameteri	56	79	51	15	58	51	15
WebGL2RenderingContext.texStorage2D	56	79	51	15	58	51	15
WebGL2RenderingContext.texStorage3D	56	79	51	15	58	51	15
WebGL2RenderingContext.texSubImage2D	56	79	51	15	58	✕	15
WebGL2RenderingContext.texSubImage3D	56	79	51	15	58	51	15
WebGL2RenderingContext.transformFeedbackVaryings	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform1f	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform1fv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform1i	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform1iv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform1ui	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform1uiv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform2f	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform2fv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform2i	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform2iv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform2ui	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform2uiv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform3f	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform3fv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform3i	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform3iv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform3ui	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform3uiv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform4f	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform4fv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform4i	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform4iv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform4ui	56	79	51	15	58	51	15
WebGL2RenderingContext.uniform4uiv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniformBlockBinding	56	79	51	15	58	51	15
WebGL2RenderingContext.uniformMatrix2fv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniformMatrix2x3fv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniformMatrix2x4fv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniformMatrix3fv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniformMatrix3x2fv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniformMatrix3x4fv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniformMatrix4fv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniformMatrix4x2fv	56	79	51	15	58	51	15
WebGL2RenderingContext.uniformMatrix4x3fv	56	79	51	15	58	51	15
WebGL2RenderingContext.useProgram	56	79	51	15	58	51	15
WebGL2RenderingContext.validateProgram	56	79	51	15	58	51	15
WebGL2RenderingContext.vertexAttrib1f	56	79	51	15	58	51	15
WebGL2RenderingContext.vertexAttrib1fv	56	79	51	15	58	51	15
WebGL2RenderingContext.vertexAttrib2f	56	79	51	15	58	51	15
WebGL2RenderingContext.vertexAttrib2fv	56	79	51	15	58	51	15
WebGL2RenderingContext.vertexAttrib3f	56	79	51	15	58	51	15
WebGL2RenderingContext.vertexAttrib3fv	56	79	51	15	58	51	15
WebGL2RenderingContext.vertexAttrib4f	56	79	51	15	58	51	15
WebGL2RenderingContext.vertexAttrib4fv	56	79	51	15	58	51	15
WebGL2RenderingContext.vertexAttribDivisor	56	79	51	15	58	51	15
WebGL2RenderingContext.vertexAttribI4i	56	79	51	15	58	51	15
WebGL2RenderingContext.vertexAttribI4iv	56	79	51	15	58	51	15
WebGL2RenderingContext.vertexAttribI4ui	56	79	51	15	58	51	15
WebGL2RenderingContext.vertexAttribI4uiv	56	79	51	15	58	51	15
WebGL2RenderingContext.vertexAttribIPointer	56	79	51	15	58	51	15
WebGL2RenderingContext.vertexAttribPointer	56	79	51	15	58	51	15
WebGL2RenderingContext.viewport	56	79	51	15	58	51	15
WebGL2RenderingContext.waitSync	56	79	51	15	58	51	15
WebGLQuery	56	79	51	15	58	51	15
WebGLSampler	56	79	51	15	58	51	15
WebGLSync	56	79	51	15	58	51	15
WebGLTransformFeedback	56	79	51	15	58	51	15
WebGLVertexArrayObject	56	79	51	15	58	51	15