W3cubDocs

/Web APIs

WebGL2RenderingContext: blitFramebuffer() method

The WebGL2RenderingContext.blitFramebuffer() method of the WebGL 2 API transfers a block of pixels from the read framebuffer to the draw framebuffer. Read and draw framebuffers are bound using WebGLRenderingContext.bindFramebuffer().

Syntax

js

blitFramebuffer(srcX0, srcY0, srcX1, srcY1,
                dstX0, dstY0, dstX1, dstY1,
                mask, filter)

Parameters

srcX0, srcY0, srcX1, srcY1

A GLint specifying the bounds of the source rectangle.

dstX0, dstY0, dstX1, dstY1

A GLint specifying the bounds of the destination rectangle.

mask

A GLbitfield specifying a bitwise OR mask indicating which buffers are to be copied. Possible values:

  • gl.COLOR_BUFFER_BIT
  • gl.DEPTH_BUFFER_BIT
  • gl.STENCIL_BUFFER_BIT
filter

A GLenum specifying the interpolation to be applied if the image is stretched. Possible values:

  • gl.NEAREST
  • gl.LINEAR

Return value

None (undefined).

Examples

js

gl.blitFramebuffer(
  0,
  0,
  canvas.width,
  canvas.height,
  0,
  0,
  canvas.width,
  canvas.height,
  gl.COLOR_BUFFER_BIT,
  gl.NEAREST,
);

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
blitFramebuffer 56 79 51 No 43 15 58 58 51 43 15 7.0

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/WebGL2RenderingContext/blitFramebuffer