This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Note: This feature is available in Web Workers.
The WebGL2RenderingContext.invalidateFramebuffer() method of the WebGL 2 API invalidates the contents of attachments in a framebuffer.
invalidateFramebuffer(target, attachments)
targetA GLenum specifying the binding point (target). Possible values:
gl.FRAMEBUFFERCollection buffer data storage of color, alpha, depth and stencil buffers used to render an image.
gl.DRAW_FRAMEBUFFEREquivalent to gl.FRAMEBUFFER.
gl.READ_FRAMEBUFFERUsed as a source for reading operations.
attachmentsAn Array of GLenum specifying the attachment points to invalidate. Possible values:
gl.COLOR_ATTACHMENT{0-15}Invalidates one of the framebuffer's color buffers.
gl.DEPTH_ATTACHMENTInvalidates the framebuffer's depth buffer.
gl.STENCIL_ATTACHMENTInvalidates the framebuffer's stencil buffer.
gl.DEPTH_STENCIL_ATTACHMENTInvalidates both the framebuffer's depth and stencil buffer.
None (undefined).
gl.invalidateFramebuffer(gl.READ_FRAMEBUFFER, [ gl.COLOR_ATTACHMENT0, gl.COLOR_ATTACHMENT1, ]);
| Specification |
|---|
| WebGL 2.0 Specification> # 3.7.4> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
invalidateFramebuffer |
56 | 79 | 51 | 43 | 15 | 58 | 51 | 43 | 15 | 7.0 | 58 | 15 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/WebGL2RenderingContext/invalidateFramebuffer