如何在webgl中获取纹理？没有Canvas.toDataUrl()

Question

我想从webgl获取纹理就像我getImageData()在画布上下文为2d时可以使用的那样.
我怎样才能获得webgl上下文的纹理？

Answer 1

我知道三种可能性.重要!对于所有这些方法,您必须使用webgl设置preserveDrawingBuffer = 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)