🏠 New in High Baseline Support: WebGL2
March 20, 2024
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.
Source features
api.HTMLCanvasElement.getContext.webgl2_context.options_alpha_parameter
[mdn]api.HTMLCanvasElement.getContext.webgl2_context.options_failIfMajorPerformanceCaveat_parameter
[mdn]api.WebGL2RenderingContext
[mdn]api.WebGL2RenderingContext.activeTexture
[mdn]api.WebGL2RenderingContext.attachShader
[mdn]api.WebGL2RenderingContext.beginQuery
[mdn]api.WebGL2RenderingContext.beginTransformFeedback
[mdn]api.WebGL2RenderingContext.bindAttribLocation
[mdn]api.WebGL2RenderingContext.bindBuffer
[mdn]api.WebGL2RenderingContext.bindBufferBase
[mdn]api.WebGL2RenderingContext.bindBufferRange
[mdn]api.WebGL2RenderingContext.bindFramebuffer
[mdn]api.WebGL2RenderingContext.bindRenderbuffer
[mdn]api.WebGL2RenderingContext.bindSampler
[mdn]api.WebGL2RenderingContext.bindTexture
[mdn]api.WebGL2RenderingContext.bindTransformFeedback
[mdn]api.WebGL2RenderingContext.bindVertexArray
[mdn]api.WebGL2RenderingContext.blendColor
[mdn]api.WebGL2RenderingContext.blendEquation
[mdn]api.WebGL2RenderingContext.blendEquationSeparate
[mdn]api.WebGL2RenderingContext.blendFunc
[mdn]api.WebGL2RenderingContext.blendFuncSeparate
[mdn]api.WebGL2RenderingContext.blitFramebuffer
[mdn]api.WebGL2RenderingContext.bufferData
[mdn]api.WebGL2RenderingContext.bufferSubData
[mdn]api.WebGL2RenderingContext.canvas
[mdn]api.WebGL2RenderingContext.checkFramebufferStatus
[mdn]api.WebGL2RenderingContext.clear
[mdn]api.WebGL2RenderingContext.clearBufferfi
[mdn]api.WebGL2RenderingContext.clearBufferfv
[mdn]api.WebGL2RenderingContext.clearBufferiv
[mdn]api.WebGL2RenderingContext.clearBufferuiv
[mdn]api.WebGL2RenderingContext.clearColor
[mdn]api.WebGL2RenderingContext.clearDepth
[mdn]api.WebGL2RenderingContext.clearStencil
[mdn]api.WebGL2RenderingContext.clientWaitSync
[mdn]api.WebGL2RenderingContext.colorMask
[mdn]api.WebGL2RenderingContext.compileShader
[mdn]api.WebGL2RenderingContext.compressedTexImage2D
[mdn]api.WebGL2RenderingContext.compressedTexImage3D
[mdn]api.WebGL2RenderingContext.compressedTexSubImage2D
[mdn]api.WebGL2RenderingContext.compressedTexSubImage3D
[mdn]api.WebGL2RenderingContext.copyBufferSubData
[mdn]api.WebGL2RenderingContext.copyTexImage2D
[mdn]api.WebGL2RenderingContext.copyTexSubImage2D
[mdn]api.WebGL2RenderingContext.copyTexSubImage3D
[mdn]api.WebGL2RenderingContext.createBuffer
[mdn]api.WebGL2RenderingContext.createFramebuffer
[mdn]api.WebGL2RenderingContext.createProgram
[mdn]api.WebGL2RenderingContext.createQuery
[mdn]api.WebGL2RenderingContext.createRenderbuffer
[mdn]api.WebGL2RenderingContext.createSampler
[mdn]api.WebGL2RenderingContext.createShader
[mdn]api.WebGL2RenderingContext.createTexture
[mdn]api.WebGL2RenderingContext.createTransformFeedback
[mdn]api.WebGL2RenderingContext.createVertexArray
[mdn]api.WebGL2RenderingContext.cullFace
[mdn]api.WebGL2RenderingContext.deleteBuffer
[mdn]api.WebGL2RenderingContext.deleteFramebuffer
[mdn]api.WebGL2RenderingContext.deleteProgram
[mdn]api.WebGL2RenderingContext.deleteQuery
[mdn]api.WebGL2RenderingContext.deleteRenderbuffer
[mdn]api.WebGL2RenderingContext.deleteSampler
[mdn]api.WebGL2RenderingContext.deleteShader
[mdn]api.WebGL2RenderingContext.deleteSync
[mdn]api.WebGL2RenderingContext.deleteTexture
[mdn]api.WebGL2RenderingContext.deleteTransformFeedback
[mdn]api.WebGL2RenderingContext.deleteVertexArray
[mdn]api.WebGL2RenderingContext.depthFunc
[mdn]api.WebGL2RenderingContext.depthMask
[mdn]api.WebGL2RenderingContext.depthRange
[mdn]api.WebGL2RenderingContext.detachShader
[mdn]api.WebGL2RenderingContext.disable
[mdn]api.WebGL2RenderingContext.disableVertexAttribArray
[mdn]api.WebGL2RenderingContext.drawArrays
[mdn]api.WebGL2RenderingContext.drawArraysInstanced
[mdn]api.WebGL2RenderingContext.drawBuffers
[mdn]api.WebGL2RenderingContext.drawElements
[mdn]api.WebGL2RenderingContext.drawElementsInstanced
[mdn]api.WebGL2RenderingContext.drawRangeElements
[mdn]api.WebGL2RenderingContext.drawingBufferHeight
[mdn]api.WebGL2RenderingContext.drawingBufferWidth
[mdn]api.WebGL2RenderingContext.enable
[mdn]api.WebGL2RenderingContext.enableVertexAttribArray
[mdn]api.WebGL2RenderingContext.endQuery
[mdn]api.WebGL2RenderingContext.endTransformFeedback
[mdn]api.WebGL2RenderingContext.fenceSync
[mdn]api.WebGL2RenderingContext.finish
[mdn]api.WebGL2RenderingContext.flush
[mdn]api.WebGL2RenderingContext.framebufferRenderbuffer
[mdn]api.WebGL2RenderingContext.framebufferTexture2D
[mdn]api.WebGL2RenderingContext.framebufferTextureLayer
[mdn]api.WebGL2RenderingContext.frontFace
[mdn]api.WebGL2RenderingContext.generateMipmap
[mdn]api.WebGL2RenderingContext.getActiveAttrib
[mdn]api.WebGL2RenderingContext.getActiveUniform
[mdn]api.WebGL2RenderingContext.getActiveUniformBlockName
[mdn]api.WebGL2RenderingContext.getActiveUniformBlockParameter
[mdn]api.WebGL2RenderingContext.getActiveUniforms
[mdn]api.WebGL2RenderingContext.getAttachedShaders
[mdn]api.WebGL2RenderingContext.getAttribLocation
[mdn]api.WebGL2RenderingContext.getBufferParameter
[mdn]api.WebGL2RenderingContext.getBufferSubData
[mdn]api.WebGL2RenderingContext.getContextAttributes
[mdn]api.WebGL2RenderingContext.getError
[mdn]api.WebGL2RenderingContext.getExtension
[mdn]api.WebGL2RenderingContext.getFragDataLocation
[mdn]api.WebGL2RenderingContext.getFramebufferAttachmentParameter
[mdn]api.WebGL2RenderingContext.getIndexedParameter
[mdn]api.WebGL2RenderingContext.getInternalformatParameter
[mdn]api.WebGL2RenderingContext.getParameter
[mdn]api.WebGL2RenderingContext.getProgramInfoLog
[mdn]api.WebGL2RenderingContext.getProgramParameter
[mdn]api.WebGL2RenderingContext.getQuery
[mdn]api.WebGL2RenderingContext.getQueryParameter
[mdn]api.WebGL2RenderingContext.getRenderbufferParameter
[mdn]api.WebGL2RenderingContext.getSamplerParameter
[mdn]api.WebGL2RenderingContext.getShaderInfoLog
[mdn]api.WebGL2RenderingContext.getShaderParameter
[mdn]api.WebGL2RenderingContext.getShaderPrecisionFormat
[mdn]api.WebGL2RenderingContext.getShaderSource
[mdn]api.WebGL2RenderingContext.getSupportedExtensions
[mdn]api.WebGL2RenderingContext.getSyncParameter
[mdn]api.WebGL2RenderingContext.getTexParameter
[mdn]api.WebGL2RenderingContext.getTransformFeedbackVarying
[mdn]api.WebGL2RenderingContext.getUniform
[mdn]api.WebGL2RenderingContext.getUniformBlockIndex
[mdn]api.WebGL2RenderingContext.getUniformIndices
[mdn]api.WebGL2RenderingContext.getUniformLocation
[mdn]api.WebGL2RenderingContext.getVertexAttrib
[mdn]api.WebGL2RenderingContext.getVertexAttribOffset
[mdn]api.WebGL2RenderingContext.hint
[mdn]api.WebGL2RenderingContext.invalidateFramebuffer
[mdn]api.WebGL2RenderingContext.invalidateSubFramebuffer
[mdn]api.WebGL2RenderingContext.isBuffer
[mdn]api.WebGL2RenderingContext.isContextLost
[mdn]api.WebGL2RenderingContext.isEnabled
[mdn]api.WebGL2RenderingContext.isFramebuffer
[mdn]api.WebGL2RenderingContext.isProgram
[mdn]api.WebGL2RenderingContext.isQuery
[mdn]api.WebGL2RenderingContext.isRenderbuffer
[mdn]api.WebGL2RenderingContext.isSampler
[mdn]api.WebGL2RenderingContext.isShader
[mdn]api.WebGL2RenderingContext.isSync
[mdn]api.WebGL2RenderingContext.isTexture
[mdn]api.WebGL2RenderingContext.isTransformFeedback
[mdn]api.WebGL2RenderingContext.isVertexArray
[mdn]api.WebGL2RenderingContext.lineWidth
[mdn]api.WebGL2RenderingContext.linkProgram
[mdn]api.WebGL2RenderingContext.pauseTransformFeedback
[mdn]api.WebGL2RenderingContext.pixelStorei
[mdn]api.WebGL2RenderingContext.polygonOffset
[mdn]api.WebGL2RenderingContext.readBuffer
[mdn]api.WebGL2RenderingContext.readPixels
[mdn]api.WebGL2RenderingContext.renderbufferStorage
[mdn]api.WebGL2RenderingContext.renderbufferStorageMultisample
[mdn]api.WebGL2RenderingContext.resumeTransformFeedback
[mdn]api.WebGL2RenderingContext.sampleCoverage
[mdn]api.WebGL2RenderingContext.samplerParameterf
[mdn]api.WebGL2RenderingContext.samplerParameteri
[mdn]api.WebGL2RenderingContext.scissor
[mdn]api.WebGL2RenderingContext.shaderSource
[mdn]api.WebGL2RenderingContext.stencilFunc
[mdn]api.WebGL2RenderingContext.stencilFuncSeparate
[mdn]api.WebGL2RenderingContext.stencilMask
[mdn]api.WebGL2RenderingContext.stencilMaskSeparate
[mdn]api.WebGL2RenderingContext.stencilOp
[mdn]api.WebGL2RenderingContext.stencilOpSeparate
[mdn]api.WebGL2RenderingContext.texImage2D
[mdn]api.WebGL2RenderingContext.texImage3D
[mdn]api.WebGL2RenderingContext.texParameterf
[mdn]api.WebGL2RenderingContext.texParameteri
[mdn]api.WebGL2RenderingContext.texStorage2D
[mdn]api.WebGL2RenderingContext.texStorage3D
[mdn]api.WebGL2RenderingContext.texSubImage2D
[mdn]api.WebGL2RenderingContext.texSubImage3D
[mdn]api.WebGL2RenderingContext.transformFeedbackVaryings
[mdn]api.WebGL2RenderingContext.uniform1f
[mdn]api.WebGL2RenderingContext.uniform1fv
[mdn]api.WebGL2RenderingContext.uniform1i
[mdn]api.WebGL2RenderingContext.uniform1iv
[mdn]api.WebGL2RenderingContext.uniform1ui
[mdn]api.WebGL2RenderingContext.uniform1uiv
[mdn]api.WebGL2RenderingContext.uniform2f
[mdn]api.WebGL2RenderingContext.uniform2fv
[mdn]api.WebGL2RenderingContext.uniform2i
[mdn]api.WebGL2RenderingContext.uniform2iv
[mdn]api.WebGL2RenderingContext.uniform2ui
[mdn]api.WebGL2RenderingContext.uniform2uiv
[mdn]api.WebGL2RenderingContext.uniform3f
[mdn]api.WebGL2RenderingContext.uniform3fv
[mdn]api.WebGL2RenderingContext.uniform3i
[mdn]api.WebGL2RenderingContext.uniform3iv
[mdn]api.WebGL2RenderingContext.uniform3ui
[mdn]api.WebGL2RenderingContext.uniform3uiv
[mdn]api.WebGL2RenderingContext.uniform4f
[mdn]api.WebGL2RenderingContext.uniform4fv
[mdn]api.WebGL2RenderingContext.uniform4i
[mdn]api.WebGL2RenderingContext.uniform4iv
[mdn]api.WebGL2RenderingContext.uniform4ui
[mdn]api.WebGL2RenderingContext.uniform4uiv
[mdn]api.WebGL2RenderingContext.uniformBlockBinding
[mdn]api.WebGL2RenderingContext.uniformMatrix2fv
[mdn]api.WebGL2RenderingContext.uniformMatrix2x3fv
[mdn]api.WebGL2RenderingContext.uniformMatrix2x4fv
[mdn]api.WebGL2RenderingContext.uniformMatrix3fv
[mdn]api.WebGL2RenderingContext.uniformMatrix3x2fv
[mdn]api.WebGL2RenderingContext.uniformMatrix3x4fv
[mdn]api.WebGL2RenderingContext.uniformMatrix4fv
[mdn]api.WebGL2RenderingContext.uniformMatrix4x2fv
[mdn]api.WebGL2RenderingContext.uniformMatrix4x3fv
[mdn]api.WebGL2RenderingContext.useProgram
[mdn]api.WebGL2RenderingContext.validateProgram
[mdn]api.WebGL2RenderingContext.vertexAttrib1f
[mdn]api.WebGL2RenderingContext.vertexAttrib1fv
[mdn]api.WebGL2RenderingContext.vertexAttrib2f
[mdn]api.WebGL2RenderingContext.vertexAttrib2fv
[mdn]api.WebGL2RenderingContext.vertexAttrib3f
[mdn]api.WebGL2RenderingContext.vertexAttrib3fv
[mdn]api.WebGL2RenderingContext.vertexAttrib4f
[mdn]api.WebGL2RenderingContext.vertexAttrib4fv
[mdn]api.WebGL2RenderingContext.vertexAttribDivisor
[mdn]api.WebGL2RenderingContext.vertexAttribI4i
[mdn]api.WebGL2RenderingContext.vertexAttribI4iv
[mdn]api.WebGL2RenderingContext.vertexAttribI4ui
[mdn]api.WebGL2RenderingContext.vertexAttribI4uiv
[mdn]api.WebGL2RenderingContext.vertexAttribIPointer
[mdn]api.WebGL2RenderingContext.vertexAttribPointer
[mdn]api.WebGL2RenderingContext.viewport
[mdn]api.WebGL2RenderingContext.waitSync
[mdn]api.WebGLQuery
[mdn]api.WebGLSampler
[mdn]api.WebGLSync
[mdn]api.WebGLTransformFeedback
[mdn]api.WebGLVertexArrayObject
[mdn]api.HTMLCanvasElement.getContext.webgl2_context.options_powerPreference_parameter
[mdn]api.WebGL2RenderingContext.drawingBufferFormat
[mdn]api.WebGL2RenderingContext.drawingBufferStorage
[mdn]