Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

GPUCommandEncoder: copyBufferToTexture() Methode

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Die copyBufferToTexture() Methode der GPUCommandEncoder Schnittstelle kodiert einen Befehl, der Daten von einem GPUBuffer zu einer GPUTexture kopiert.

Syntax

js
copyBufferToTexture(source, destination, copySize)

Parameter

source

Ein Objekt, das den Puffer definiert, von dem kopiert werden soll, sowie das Layout der Daten im Puffer, die in die Textur kopiert werden sollen. In Kombination mit copySize definiert es den Bereich des Quellpuffers. source kann folgende Eigenschaften haben:

buffer

Der GPUBuffer, von dem kopiert werden soll.

offset Optional

Der Offset, in Bytes, vom Anfang von data bis zum Start der zu kopierenden Bilddaten. Wenn nicht angegeben, ist der Standardwert von offset 0.

bytesPerRow Optional

Eine Zahl, die die Schrittweite in Bytes zwischen dem Beginn jeder Blockzeile (d.h. einer Zeile vollständiger Texelblöcke) und der nächsten Blockzeile angibt. Dies ist erforderlich, wenn mehrere Blockzeilen vorhanden sind (d.h. wenn die Kopierhöhe oder -tiefe mehr als ein Block ist).

rowsPerImage Optional

Die Anzahl der Blockzeilen pro einzelnen Bild innerhalb der Daten. bytesPerRow × rowsPerImage ergibt die Schrittweite in Bytes zwischen dem Beginn jedes vollständigen Bildes. Dies ist erforderlich, wenn mehrere Bilder kopiert werden sollen.

destination

Ein Objekt, das die Textur definiert, in die die Daten geschrieben werden sollen. In Kombination mit copySize definiert es den Bereich der Zieltextur-Subressource. destination kann folgende Eigenschaften haben:

aspect Optional

Ein enumerierter Wert, der definiert, in welche Aspekte der Textur die Daten geschrieben werden sollen. Mögliche Werte sind:

"all"

Alle verfügbaren Aspekte des Texturformats werden beschrieben, was je nach Format alle oder einige der Aspekte Farbe, Tiefe und Stencil umfassen kann.

"depth-only"

Nur der Tiefenaspekt eines depth-or-stencil format wird beschrieben.

"stencil-only"

Nur der Stencil-Aspekt eines depth-or-stencil Formats wird beschrieben.

Wenn nicht angegeben, nimmt aspect den Wert "all" an.

mipLevel Optional

Eine Zahl, die das Mip-Map-Level der Textur darstellt, in das die Daten geschrieben werden sollen. Wenn nicht angegeben, beträgt der Standardwert von mipLevel 0.

origin Optional

Ein Objekt oder Array, das den Ursprung der Kopie angibt – die minimale Ecke des Texturbereichs, in den die Daten geschrieben werden sollen. Zusammen mit size wird der volle Umfang des zu kopierenden Bereichs definiert. Die Werte x, y und z sind 0, wenn origin ganz oder teilweise weggelassen wird.

Zum Beispiel können Sie ein Array wie [0, 0, 0] oder dessen äquivalentes Objekt { x: 0, y: 0, z: 0 } übergeben.

texture

Ein GPUTexture Objekt, das die Textur darstellt, in die die Daten geschrieben werden sollen.

copySize

Ein Objekt oder Array, das die Breite, Höhe und Tiefe/Array-Layer-Anzahl der kopierten Daten spezifiziert. Der Wert für die Breite muss immer angegeben werden, während die Werte für Höhe und Tiefe/Array-Layer-Anzahl optional sind und, wenn weggelassen, standardmäßig 1 ist.

Zum Beispiel können Sie ein Array [16, 16, 2], oder dessen äquivalentes Objekt { width: 16, height: 16, depthOrArrayLayers: 2 } übergeben.

Rückgabewert

Keiner (undefined).

Validierung

Die folgenden Kriterien müssen erfüllt sein, wenn copyBufferToTexture() aufgerufen wird, andernfalls wird ein GPUValidationError generiert und der GPUCommandEncoder wird ungültig.

Für den source:

  • source.bytesPerRow ist ein Vielfaches von 256.
  • Die GPUBuffer.usage des source.buffer enthält das GPUBufferUsage.COPY_SRC-Flag.

Für den destination:

Beispiele

js
commandEncoder.copyBufferToTexture(
  {
    buffer: sourceBuffer,
  },
  {
    texture: destinationTexture,
  },
  {
    width: 16,
    height: 16,
    depthOrArrayLayers: 2,
  },
);

Spezifikationen

Spezifikation
WebGPU
# dom-gpucommandencoder-copybuffertotexture

Browser-Kompatibilität

Siehe auch