如何在webgl中獲取紋理？沒有Canvas.toDataUrl（）

Question

我想從webgl獲取紋理，就像在畫布上下文為2d時可以使用getImageData() 。
我怎樣才能獲得紋理形式的webgl上下文？

Answer 1

我知道三種可能性。 重要！ 對於所有這些方法，必須使用webgl設置prepareDrawingBuffer = true 。

前往資料網址

第一個是toDataURL的高級方法，其來源是javascript

canvas.toDataURL(type, encoderOptions);

例如，如果您想允許客戶做一些應用“截屏”，則可以使用它

以下兩種方法是低級別的，其來源是webgl。 如果要修改紋理或計算新紋理（陰影），則可以使用它們。

5.14.12回讀像素

當前幀緩沖區中的像素可以讀回到ArrayBufferView對象中。

void readPixels(GLint x, GLint y, GLsizei width, GLsizei height, GLenum format, GLenum type, ArrayBufferView? pixels)

5.14.8紋理對象

紋理對象為紋理操作提供存儲和狀態...

void texImage2D(GLenum target, GLint level, GLenum internalformat, GLint border, GLenum format, GLenum type, HTMLCanvasElement element)