Back to Content

WebGLRenderingContext: copyTexSubImage2D() method

files/en-us/web/api/webglrenderingcontext/copytexsubimage2d/index.md

latest2.4 KB
Original Source

{{APIRef("WebGL")}}{{AvailableInWorkers}}

The copyTexSubImage2D() method of the {{domxref("WebGLRenderingContext")}} interface of the WebGL API copies pixels from the current {{domxref("WebGLFramebuffer")}} into a 2D texture sub-image.

Syntax

js-nolint
copyTexSubImage2D(target, level, xoffset, yoffset, x, y, width, height)

Parameters

  • target
    • : A {{domxref("WebGL_API/Types", "GLenum")}} specifying the binding point (target) of the active texture. Possible values:
      • gl.TEXTURE_2D: A two-dimensional texture.
      • gl.TEXTURE_CUBE_MAP_POSITIVE_X: Positive X face for a cube-mapped texture.
      • gl.TEXTURE_CUBE_MAP_NEGATIVE_X: Negative X face for a cube-mapped texture.
      • gl.TEXTURE_CUBE_MAP_POSITIVE_Y: Positive Y face for a cube-mapped texture.
      • gl.TEXTURE_CUBE_MAP_NEGATIVE_Y: Negative Y face for a cube-mapped texture.
      • gl.TEXTURE_CUBE_MAP_POSITIVE_Z: Positive Z face for a cube-mapped texture.
      • gl.TEXTURE_CUBE_MAP_NEGATIVE_Z: Negative Z face for a cube-mapped texture.
  • level
    • : A {{domxref("WebGL_API/Types", "GLint")}} specifying the level of detail. Level 0 is the base image level and level n is the n-th mipmap reduction level.
  • xoffset
    • : A {{domxref("WebGL_API/Types", "GLint")}} specifying the horizontal offset within the texture image.
  • yoffset
    • : A {{domxref("WebGL_API/Types", "GLint")}} specifying the vertical offset within the texture image.
  • x
    • : A {{domxref("WebGL_API/Types", "GLint")}} specifying the x coordinate of the lower left corner where to start copying.
  • y
    • : A {{domxref("WebGL_API/Types", "GLint")}} specifying the y coordinate of the lower left corner where to start copying.
  • width
    • : A {{domxref("WebGL_API/Types", "GLsizei")}} specifying the width of the texture in texels.
  • height
    • : A {{domxref("WebGL_API/Types", "GLsizei")}} specifying the height of the texture in texels.

Return value

None ({{jsxref("undefined")}}).

Examples

js
gl.copyTexSubImage2D(gl.TEXTURE_2D, 0, 0, 0, 0, 0, 16, 16);

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

  • {{domxref("WebGLRenderingContext.copyTexImage2D()")}}
  • {{domxref("WebGLRenderingContext.texImage2D()")}}
  • {{domxref("WebGLRenderingContext.texSubImage2D()")}}
  • {{domxref("WebGLRenderingContext.compressedTexImage2D()")}}