WebGLFramebuffer
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
* Some parts of this feature may have varying levels of support.
Note: This feature is available in Web Workers.
The WebGLFramebuffer interface is part of the WebGL API and represents a collection of buffers that serve as a rendering destination.
Description
The WebGLFramebuffer object does not define any methods or properties of its own and its content is not directly accessible. When working with WebGLFramebuffer objects, the following methods of the WebGLRenderingContext are useful:
Examples
Creating a frame buffer
js
const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");
const buffer = gl.createFramebuffer();
Specifications
| Specification |
|---|
| WebGL Specification # 5.5 |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
WebGLFramebuffer
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Available in workers
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
See also
WebGLRenderingContext.bindFramebuffer()WebGLRenderingContext.createFramebuffer()WebGLRenderingContext.deleteFramebuffer()WebGLRenderingContext.isFramebuffer()WebGLRenderingContext.framebufferRenderbuffer()WebGLRenderingContext.framebufferTexture2D()- Other buffers:
WebGLBuffer,WebGLRenderbuffer