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:
WebGLRenderingContext.bindFramebuffer()WebGLRenderingContext.createFramebuffer()WebGLRenderingContext.deleteFramebuffer()WebGLRenderingContext.isFramebuffer()
Examples
Creating a frame buffer
var canvas = document.getElementById("canvas");
var gl = canvas.getContext("webgl");
var buffer = gl.createFramebuffer();
Specifications
| Specification | Status | Comment |
|---|---|---|
| WebGL 1.0 The definition of 'WebGLFramebuffer' in that specification. |
Recommendation | Initial definition. |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 9 | 4.0 (2.0) | 11 | 12 | 5.1 |
| Available in workers | Not supported | 44 (44) [1] | Not supported | Not supported | Not supported |
| Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | ? | 25 | (Yes) | ? | 12 | 8.1 |
| Available in workers | Not supported | Not supported | 44.0 (44) [1] | Not supported | Not supported | Not supported |
[1] This feature is behind a feature preference setting. In about:config, set gfx.offscreencanvas.enabled to true.