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.readBuffer() method of the WebGL 2 API selects a color buffer as the source for pixels for subsequent calls to copyTexImage2D, copyTexSubImage2D, copyTexSubImage3D or readPixels.
readBuffer(source)
sourceA GLenum specifying a color buffer. Possible values:
gl.BACKReads from the back color buffer.
gl.NONEReads from no color buffer.
gl.COLOR_ATTACHMENT{0-15}Reads from one of the 16 color attachment buffers.
None (undefined).
gl.readBuffer(gl.COLOR_ATTACHMENT0);
| 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 | |
readBuffer |
56 | 79 | 51 | 43 | 15 | 58 | 51 | 43 | 15 | 7.0 | 58 | 15 |
WebGLRenderingContext.copyTexImage2D()WebGLRenderingContext.copyTexSubImage2D()WebGL2RenderingContext.copyTexSubImage3D()WebGLRenderingContext.readPixels()
© 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/readBuffer