如何在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)