WebGLBaseline · Widely available

The WebGLRenderingContext API is the "webgl" rendering context for the <canvas> element. It represents a space for drawing two- and three-dimensional graphics and animations.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Jul 29, 2015. Widely available since Jan 29, 2018.

How to use ↓Compare browsers

Browser support

DesktopChrome

1–8Not supported

9+Supportedsince Feb 3, 2011

Current: 155

Edge

12+Supportedsince Jul 29, 2015

Current: 154

Firefox

1–3.6Not supported

4+Supportedsince Mar 22, 2011

Current: 157

Safari

1–5Not supported

5.1+Supportedsince Jul 20, 2011

Current: 27

MobileChrome Android

18–18Not supported

25+Supportedsince Feb 27, 2013

Current: 155

Firefox Android

4+Supportedsince Mar 29, 2011

Current: 157

Safari iOS

1–7Not supported

8+Supportedsince Sep 17, 2014

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: webglcontextcreationerror event.

Feature detection

JS · check before using

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

Documentation (MDN)

Specification

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

Usage share

caniuse.com/webgl ↗

Sub-features

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

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
HTMLCanvasElement.getContext.webgl_context	33	79	24	8	33	24	8
HTMLCanvasElement.getContext.webgl_context.options_alpha_parameter	33	79	30	10.1	33	30	10.3
HTMLCanvasElement.getContext.webgl_context.options_failIfMajorPerformanceCaveat_parameter	33	79	41	10.1	33	41	10.3
HTMLCanvasElement.getContext.webgl_context.options_powerPreference_parameter	✕	✕	✕	10.1	✕	✕	10.3
HTMLCanvasElement.webglcontextcreationerror_event	9	12	49	5.1	25	49	8
HTMLCanvasElement.webglcontextlost_event	9	12	4	5.1	25	4	8
HTMLCanvasElement.webglcontextrestored_event	9	12	4	5.1	25	4	8
WebGLActiveInfo	10	12	4	5.1	25	4	8
WebGLActiveInfo.name	10	12	4	5.1	25	4	8
WebGLActiveInfo.size	10	12	4	5.1	25	4	8
WebGLActiveInfo.type	10	12	4	5.1	25	4	8
WebGLActiveInfo.worker_support	✕	✕	105	✕	✕	105	✕
WebGLBuffer	10	12	4	5.1	25	4	8
WebGLBuffer.worker_support	✕	✕	105	✕	✕	105	✕
WebGLContextEvent	9	12	49	5.1	25	49	8
WebGLContextEvent.WebGLContextEvent	17	12	49	6	25	49	8
WebGLContextEvent.statusMessage	9	12	49	5.1	25	49	8
WebGLContextEvent.worker_support	✕	✕	105	✕	✕	105	✕
WebGLFramebuffer	10	12	4	5.1	25	4	8
WebGLFramebuffer.worker_support	✕	✕	105	✕	✕	105	✕

Show 159 more

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
WebGLObject	126	126	✕	✕	126	✕	✕
WebGLProgram	10	12	4	5.1	25	4	8
WebGLProgram.worker_support	✕	✕	105	✕	✕	105	✕
WebGLRenderbuffer	10	12	4	5.1	25	4	8
WebGLRenderbuffer.worker_support	✕	✕	105	✕	✕	105	✕
WebGLRenderingContext	9	12	4	5.1	25	4	8
WebGLRenderingContext.activeTexture	9	12	4	5.1	25	4	8
WebGLRenderingContext.attachShader	9	12	4	5.1	25	4	8
WebGLRenderingContext.bindAttribLocation	9	12	4	5.1	25	4	8
WebGLRenderingContext.bindBuffer	9	12	4	5.1	25	4	8
WebGLRenderingContext.bindFramebuffer	9	12	4	5.1	25	4	8
WebGLRenderingContext.bindRenderbuffer	9	12	4	5.1	25	4	8
WebGLRenderingContext.bindTexture	9	12	4	5.1	25	4	8
WebGLRenderingContext.blendColor	9	12	4	5.1	25	4	8
WebGLRenderingContext.blendEquation	9	12	4	5.1	25	4	8
WebGLRenderingContext.blendEquationSeparate	9	12	4	5.1	25	4	8
WebGLRenderingContext.blendFunc	9	12	4	5.1	25	4	8
WebGLRenderingContext.blendFuncSeparate	9	12	4	5.1	25	4	8
WebGLRenderingContext.bufferData	9	12	4	5.1	25	4	8
WebGLRenderingContext.bufferSubData	9	12	4	5.1	25	4	8
WebGLRenderingContext.canvas	9	12	4	5.1	25	4	8
WebGLRenderingContext.checkFramebufferStatus	9	12	4	5.1	25	4	8
WebGLRenderingContext.clear	9	12	4	5.1	25	4	8
WebGLRenderingContext.clearColor	9	12	4	5.1	25	4	8
WebGLRenderingContext.clearDepth	9	12	4	5.1	25	4	8
WebGLRenderingContext.clearStencil	9	12	4	5.1	25	4	8
WebGLRenderingContext.colorMask	9	12	4	5.1	25	4	8
WebGLRenderingContext.compileShader	9	12	4	5.1	25	4	8
WebGLRenderingContext.compressedTexImage2D	9	12	4	5.1	25	4	8
WebGLRenderingContext.compressedTexSubImage2D	9	12	4	5.1	25	4	8
WebGLRenderingContext.copyTexImage2D	9	12	4	5.1	25	4	8
WebGLRenderingContext.copyTexSubImage2D	9	12	4	5.1	25	4	8
WebGLRenderingContext.createBuffer	9	12	4	5.1	25	4	8
WebGLRenderingContext.createFramebuffer	9	12	4	5.1	25	4	8
WebGLRenderingContext.createProgram	9	12	4	5.1	25	4	8
WebGLRenderingContext.createRenderbuffer	9	12	4	5.1	25	4	8
WebGLRenderingContext.createShader	9	12	4	5.1	25	4	8
WebGLRenderingContext.createTexture	9	12	4	5.1	25	4	8
WebGLRenderingContext.cullFace	9	12	4	5.1	25	4	8
WebGLRenderingContext.deleteBuffer	9	12	4	5.1	25	4	8
WebGLRenderingContext.deleteFramebuffer	9	12	4	5.1	25	4	8
WebGLRenderingContext.deleteProgram	9	12	4	5.1	25	4	8
WebGLRenderingContext.deleteRenderbuffer	9	12	4	5.1	25	4	8
WebGLRenderingContext.deleteShader	9	12	4	5.1	25	4	8
WebGLRenderingContext.deleteTexture	9	12	4	5.1	25	4	8
WebGLRenderingContext.depthFunc	9	12	4	5.1	25	4	8
WebGLRenderingContext.depthMask	9	12	4	5.1	25	4	8
WebGLRenderingContext.depthRange	9	12	4	5.1	25	4	8
WebGLRenderingContext.detachShader	9	12	4	5.1	25	4	8
WebGLRenderingContext.disable	9	12	4	5.1	25	4	8
WebGLRenderingContext.disableVertexAttribArray	9	12	4	5.1	25	4	8
WebGLRenderingContext.drawArrays	9	12	4	5.1	25	4	8
WebGLRenderingContext.drawElements	9	12	4	5.1	25	4	8
WebGLRenderingContext.drawingBufferFormat	122	122	✕	✕	122	✕	✕
WebGLRenderingContext.drawingBufferHeight	9	12	4	5.1	25	4	8
WebGLRenderingContext.drawingBufferStorage	122	122	✕	✕	122	✕	✕
WebGLRenderingContext.drawingBufferWidth	9	12	4	5.1	25	4	8
WebGLRenderingContext.enable	9	12	4	5.1	25	4	8
WebGLRenderingContext.enableVertexAttribArray	9	12	4	5.1	25	4	8
WebGLRenderingContext.finish	9	12	4	5.1	25	4	8
WebGLRenderingContext.flush	9	12	4	5.1	25	4	8
WebGLRenderingContext.framebufferRenderbuffer	9	12	4	5.1	25	4	8
WebGLRenderingContext.framebufferTexture2D	9	12	4	5.1	25	4	8
WebGLRenderingContext.frontFace	9	12	4	5.1	25	4	8
WebGLRenderingContext.generateMipmap	9	12	4	5.1	25	4	8
WebGLRenderingContext.getActiveAttrib	9	12	4	5.1	25	4	8
WebGLRenderingContext.getActiveUniform	9	12	4	5.1	25	4	8
WebGLRenderingContext.getAttachedShaders	9	12	4	5.1	25	4	8
WebGLRenderingContext.getAttribLocation	9	12	4	5.1	25	4	8
WebGLRenderingContext.getBufferParameter	9	12	4	5.1	25	4	8
WebGLRenderingContext.getContextAttributes	9	12	4	5.1	25	4	8
WebGLRenderingContext.getError	9	12	4	5.1	25	4	8
WebGLRenderingContext.getExtension	9	12	4	5.1	25	4	8
WebGLRenderingContext.getFramebufferAttachmentParameter	9	12	4	5.1	25	4	8
WebGLRenderingContext.getParameter	9	12	4	5.1	25	4	8
WebGLRenderingContext.getProgramInfoLog	9	12	4	5.1	25	4	8
WebGLRenderingContext.getProgramParameter	9	12	4	5.1	25	4	8
WebGLRenderingContext.getRenderbufferParameter	9	12	4	5.1	25	4	8
WebGLRenderingContext.getShaderInfoLog	9	12	4	5.1	25	4	8
WebGLRenderingContext.getShaderParameter	9	12	4	5.1	25	4	8
WebGLRenderingContext.getShaderPrecisionFormat	9	12	4	5.1	25	4	8
WebGLRenderingContext.getShaderSource	9	12	4	5.1	25	4	8
WebGLRenderingContext.getSupportedExtensions	9	12	4	5.1	25	4	8
WebGLRenderingContext.getTexParameter	9	12	4	5.1	25	4	8
WebGLRenderingContext.getUniform	9	12	4	5.1	25	4	8
WebGLRenderingContext.getUniformLocation	9	12	4	5.1	25	4	8
WebGLRenderingContext.getVertexAttrib	9	12	4	5.1	25	4	8
WebGLRenderingContext.getVertexAttribOffset	9	12	4	5.1	25	4	8
WebGLRenderingContext.hint	9	12	4	5.1	25	4	8
WebGLRenderingContext.isBuffer	9	12	4	5.1	25	4	8
WebGLRenderingContext.isContextLost	9	12	4	5.1	25	4	8
WebGLRenderingContext.isEnabled	9	12	4	5.1	25	4	8
WebGLRenderingContext.isFramebuffer	9	12	4	5.1	25	4	8
WebGLRenderingContext.isProgram	9	12	4	5.1	25	4	8
WebGLRenderingContext.isRenderbuffer	9	12	4	5.1	25	4	8
WebGLRenderingContext.isShader	9	12	4	5.1	25	4	8
WebGLRenderingContext.isTexture	9	12	4	5.1	25	4	8
WebGLRenderingContext.lineWidth	9	12	4	5.1	25	4	8
WebGLRenderingContext.linkProgram	9	12	4	5.1	25	4	8
WebGLRenderingContext.pixelStorei	9	12	4	5.1	25	4	8
WebGLRenderingContext.polygonOffset	9	12	4	5.1	25	4	8
WebGLRenderingContext.readPixels	9	12	4	5.1	25	4	8
WebGLRenderingContext.renderbufferStorage	9	12	4	5.1	25	4	8
WebGLRenderingContext.sampleCoverage	9	12	4	5.1	25	4	8
WebGLRenderingContext.scissor	9	12	4	5.1	25	4	8
WebGLRenderingContext.shaderSource	9	12	4	5.1	25	4	8
WebGLRenderingContext.stencilFunc	9	12	4	5.1	25	4	8
WebGLRenderingContext.stencilFuncSeparate	9	12	4	5.1	25	4	8
WebGLRenderingContext.stencilMask	9	12	4	5.1	25	4	8
WebGLRenderingContext.stencilMaskSeparate	9	12	4	5.1	25	4	8
WebGLRenderingContext.stencilOp	9	12	4	5.1	25	4	8
WebGLRenderingContext.stencilOpSeparate	9	12	4	5.1	25	4	8
WebGLRenderingContext.texImage2D	9	12	4	5.1	25	✕	8
WebGLRenderingContext.texParameterf	9	12	4	5.1	25	4	8
WebGLRenderingContext.texParameteri	9	12	4	5.1	25	4	8
WebGLRenderingContext.texSubImage2D	9	12	4	5.1	25	✕	8
WebGLRenderingContext.uniform1f	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniform1fv	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniform1i	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniform1iv	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniform2f	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniform2fv	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniform2i	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniform2iv	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniform3f	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniform3fv	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniform3i	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniform3iv	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniform4f	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniform4fv	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniform4i	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniform4iv	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniformMatrix2fv	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniformMatrix3fv	9	12	4	5.1	25	4	8
WebGLRenderingContext.uniformMatrix4fv	9	12	4	5.1	25	4	8
WebGLRenderingContext.useProgram	9	12	4	5.1	25	4	8
WebGLRenderingContext.validateProgram	9	12	4	5.1	25	4	8
WebGLRenderingContext.vertexAttrib1f	9	12	4	5.1	25	4	8
WebGLRenderingContext.vertexAttrib1fv	9	12	4	5.1	25	4	8
WebGLRenderingContext.vertexAttrib2f	9	12	4	5.1	25	4	8
WebGLRenderingContext.vertexAttrib2fv	9	12	4	5.1	25	4	8
WebGLRenderingContext.vertexAttrib3f	9	12	4	5.1	25	4	8
WebGLRenderingContext.vertexAttrib3fv	9	12	4	5.1	25	4	8
WebGLRenderingContext.vertexAttrib4f	9	12	4	5.1	25	4	8
WebGLRenderingContext.vertexAttrib4fv	9	12	4	5.1	25	4	8
WebGLRenderingContext.vertexAttribPointer	9	12	4	5.1	25	4	8
WebGLRenderingContext.viewport	9	12	4	5.1	25	4	8
WebGLRenderingContext.worker_support	✕	✕	105	✕	✕	105	✕
WebGLShader	10	12	4	5.1	25	4	8
WebGLShader.worker_support	✕	✕	105	✕	✕	105	✕
WebGLShaderPrecisionFormat	9	12	4	5.1	25	4	8
WebGLShaderPrecisionFormat.precision	9	12	4	5.1	25	4	8
WebGLShaderPrecisionFormat.rangeMax	9	12	4	5.1	25	4	8
WebGLShaderPrecisionFormat.rangeMin	9	12	4	5.1	25	4	8
WebGLShaderPrecisionFormat.worker_support	✕	✕	105	✕	✕	105	✕
WebGLTexture	10	12	4	5.1	25	4	8
WebGLTexture.worker_support	✕	✕	105	✕	✕	105	✕
WebGLUniformLocation	10	12	4	5.1	25	4	8
WebGLUniformLocation.worker_support	✕	✕	105	✕	✕	105	✕