Baseline Widely available
Note: This feature is available in Web Workers.
The WebGLRenderingContext.bindFramebuffer()
method of the WebGL API binds to the specified target the provided WebGLFramebuffer
, or, if the framebuffer
argument is null, the default WebGLFramebuffer
, which is associated with the canvas rendering context.
bindFramebuffer(target, framebuffer)
Parameters
target
A GLenum
specifying the binding point (target). Possible values:
gl.FRAMEBUFFER
Collection buffer data storage of color, alpha, depth and stencil buffers used as both a destination for drawing and as a source for reading (see below).
When using a WebGL 2 context, the following values are available additionally:
gl.DRAW_FRAMEBUFFER
Used as a destination for drawing operations such as gl.draw*
, gl.clear*
and gl.blitFramebuffer
.
gl.READ_FRAMEBUFFER
Used as a source for reading operations such as gl.readPixels
and gl.blitFramebuffer
.
framebuffer
A WebGLFramebuffer
object to bind, or null
for binding the HTMLCanvasElement
or OffscreenCanvas
object associated with the rendering context.
None (undefined
).
A gl.INVALID_ENUM
error is thrown if target
is not gl.FRAMEBUFFER
, gl.DRAW_FRAMEBUFFER
, or gl.READ_FRAMEBUFFER
.
const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");
const framebuffer = gl.createFramebuffer();
gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
Getting current bindings
To check the current frame buffer binding, query the FRAMEBUFFER_BINDING
constant.
gl.getParameter(gl.FRAMEBUFFER_BINDING);
Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4