WebGLTexture

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Die WebGLTexture-Schnittstelle ist Teil der WebGL API und repräsentiert ein undurchsichtiges Texturobjekt, das Speicher und Zustand für Texturoperationen bereitstellt.

WebGLObject WebGLTexture

WebGL-Texturen

Das WebGLTexture-Objekt definiert keine eigenen Methoden oder Eigenschaften, und sein Inhalt ist nicht direkt zugänglich. Beim Arbeiten mit WebGLTexture-Objekten sind die folgenden Methoden des WebGLRenderingContext nützlich:

Siehe auch das WebGL-Tutorial zur Verwendung von Texturen in WebGL.

WebXR undurchsichtige Texturen

Beim Verwenden von WebXR-Layern gibt das XRWebGLBinding-Objekt Instanzen einer undurchsichtigen WebGLTexture für die Farb- und Tiefen/Stencil-Anhänge zurück.

WebXR-Methoden, die undurchsichtige WebGLTexture-Objekte zurückgeben:

Die WebXR undurchsichtige Textur ist identisch mit der Standard-WebGLTexture mit folgenden Ausnahmen:

  • Eine WebXR undurchsichtige Textur ist außerhalb eines WebXR-requestAnimationFrame()-Callbacks für ihre Sitzung ungültig.
  • Eine WebXR undurchsichtige Textur ist ungültig, bis sie von XRWebGLBinding.getSubImage() oder XRWebGLBinding.getViewSubImage() zurückgegeben wird.
  • Eine WebXR undurchsichtige Textur für den Farb-Anhang enthält Farben mit prämultipliziertem Alpha.
  • Am Ende eines requestAnimationFrame()-Callbacks ist eine WebXR undurchsichtige Textur nicht gebunden und von allen WebGLShader-Objekten getrennt.
  • Eine WebXR undurchsichtige Textur verhält sich so, als wäre sie mit texStorage2D oder texStorage3D zugewiesen worden, je nach Bedarf, selbst wenn ein WebGL 1.0-Kontext verwendet wird.
  • Wenn bei einer WebXR undurchsichtigen Textur WebGLRenderingContext.deleteTexture() aufgerufen wird, wird ein INVALID_OPERATION-Fehler ausgelöst.
  • Änderungen an Dimension oder Format einer WebXR undurchsichtigen Textur sind nicht erlaubt. GL-Funktionen dürfen nur die Texelwerte und Texturparameter ändern.

Beispiele

Erstellen einer Textur

js
const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");
const texture = gl.createTexture();

Spezifikationen

Specification
WebGL Specification
# 5.9

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
WebGLTexture
Available in workers
Experimental

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Experimental. Expect behavior to change in the future.

Siehe auch