The WebGLTexture interface is part of the WebGL API and represents an opaque texture object providing storage and state for texturing operations.
The WebGLTexture interface is part of the WebGL API and represents an opaque texture object providing storage and state for texturing operations.
The WebGLTexture
object does not define any methods or properties of its own and its content is not directly accessible. When working with WebGLTexture
objects, the following methods of the WebGLRenderingContext
are useful:
WebGLRenderingContext.bindTexture()
WebGLRenderingContext.createTexture()
WebGLRenderingContext.deleteTexture()
WebGLRenderingContext.isTexture()
See also the WebGL tutorial on Using textures in WebGL.
When using WebXR layers, the XRWebGLBinding
object will return instances of an opaque WebGLTexture
for the color and depth/stencil attachments.
WebXR methods that return opaque WebGLTexture
objects:
The WebXR opaque texture is identical to the standard WebGLTexture
with the following exceptions:
requestAnimationFrame()
callback for its session.XRWebGLBinding.getSubImage()
or XRWebGLBinding.getViewSubImage()
.requestAnimationFrame()
callback a WebXR opaque texture is unbounded and detached from all WebGLShader
objects.texStorage2D
or texStorage3D
, as appropriate, even when using a WebGL 1.0 context.WebGLRenderingContext.deleteTexture()
, an INVALID_OPERATION
error is thrown.js
const canvas = document.getElementById("canvas"); const gl = canvas.getContext("webgl"); const texture = gl.createTexture();
Specification |
---|
WebGL Specification # 5.9 |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
WebGLTexture |
10 | 12 | 4 | 11 | 12 | 5.1 | 4.4 | 25 | 4 | 12 | 8 | 1.5 |
worker_support |
No | No | 105 | No | No | No | No | No | 105 | No | No | No |
WebGLRenderingContext.bindTexture()
WebGLRenderingContext.createTexture()
WebGLRenderingContext.deleteTexture()
WebGLRenderingContext.isTexture()
WebGLRenderingContext.compressedTexImage2D()
WebGLRenderingContext.compressedTexSubImage2D()
WebGLRenderingContext.copyTexImage2D()
WebGLRenderingContext.copyTexSubImage2D()
WebGLRenderingContext.generateMipmap()
WebGLRenderingContext.getTexParameter()
WebGLRenderingContext.texImage2D()
WebGLRenderingContext.texSubImage2D()
WebGLRenderingContext.texParameterf()
WebGLRenderingContext.texParameteri()
© 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/WebGLTexture